Frage stellen
habe es geschafft eine box rechts zu plazieren und klappt nur wie bekomme ich sie oben ausgerichtet. wäre net wenn du ein tip hättest.
danke mol38
- Code: Alles auswählen
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Unbenanntes Dokument</title>
<link rel="stylesheet" href="style.css">
<style type="text/css">
/*
----------Allgemeine Einstellungen----------
*/
*
{
padding:10;
margin:0;
}
body
{
font: 14px "Trebuchet MS", verdana, arials, sans-serif;
color: #000;
background: #ccc;
background-color: #C1DAE3;
background-image: url(Unbenannt-4.png);
}
p
{
margin: 1em 0;
}
a.anker
{
float: left;
text-decoration: none;
color: #fff;
}
hr
{
background: #aaa; /* Mozilla 1.4 */
color: #aaa; /* IE 6 */
border: #aaa; /* Opera 7.11 */
height: 1px; /* in Opera für die Anzeige nötig, in Mozilla für die einheitliche Höhe */
margin: 0 0 30px 0;
}
h2
{
font-size: 40px;
}
/*
----------Header-----------------------------
*/
#header
{
height: 138px;
line-height: 85px;
background: #0099ff;
font-size: 18px;
color: #eaeaea;
padding-left: 45px;
list-style:url(logo1.png);
background-image:url(logo1.png);}
#header span
{
font-weight: normal;
color: #000;
}
/*
----------Navigation-------------------------
*/
ul#navigation
{
float: left;
margin: 65px 0 0 30px;
width: 200px;
list-style: none;
border-top: 1px solid #333;
background-image:url(Unbenannt-8.png);
border-style:none;
}
ul#navigation li
{
text-align: center;
}
ul#navigation li a
{
display: block;
height: 27px;
width: 200px;
line-height: 27px;
text-decoration: none;
color: #333;
background-image:url(Unbenannt-5.png);
background-style:none;
}
ul#navigation li a:hover
{
background: #5296b4;
color: #eaeaea;
background-image:url(Unbenannt-6.png)
}
ul#navigation li a:active
{
background: #5296b4;
color: #eaeaea;
background-image:url(Unbenannt-6.png)
}
/*
----------Inhalt----------
*/
p#content
{
padding: 15px;
margin: 0px 0 0px 200px;
}
p#sibare {
padding:15px;
margin:auto
float:right;
}
p#content2
{
float:auto;
padding:10px;
margin: 0px 10px 0px 250px;
list-style:none;
}
p#content3
{
padding:0px;
margin: 0px 10px 0px 250px;
float:right
}
#rightbox {
border: 1px solid #000000;
width: 143px;
height:400px;
float: right;
background-color:white;color:black;
margin-bottom:0px;
margin-top:auto;
margin:0;
}
p#fusszeile {
position:inherit;
width: 100%;
float:left;
height: 50px;
padding:0px;
color: #fff;
text-align: center;
font-size: 0.7em;
background-color: #6aa7bd;
}
/*
----------Footer------------
*/
p#footer
{
widht:350;
height: 400px;
line-height: 20px;
background: #000000;
text-align: center;
}
.Stil1 {color: #000066}
.Stil3 {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 18px;
}
</style>
<!--[if IE]>
<style>
ul#navigation{
margin-left: 0px;
}
ul#navigation li a
{
margin-left: -20px;
voice-family:"\"}\"";
voice-family:inherit;
margin: 0px;
}
</style>
<![endif]-->
</head>
<body>
<body>
<h1 id="header"> </h1>
<p align="left">
<ul class="Stil1" id="navigation">
<li><a href="#">Home</a></li>
<li><a href="#">hallo</a></li>
<li><a href="#">hallo1</a></li>
<li><a href="#">hallo2</a></li>
<li><a href="#">hallo3</a></li>
<li><a href="#">hallo4</a></li>
<li><a href="#">hallo5</a></li>
<li><a href="#">hallo6</a></li>
</ul>
</p>
<div id="content">
<div align="left" class="Stil3"> Willkomen auf unserer Internetpräsenz</div>
</div>
<div id="content2">
<p align="justify"> </p>
<p>ü+üp++üü
<p>üoi´püo+
<p>poi+po+
<div align="left">
<p align="left" class="Stil1"> </p>
<p align="left"> </p>
<p align="left"> </p>
<p align="left"> </p>
<p align="left"> </p>
</div>
<div id="rightbox">
<p><strong>Rightbox</strong></p>
<p>float:right;<br />
width:200px;</p>
<p>Content</p>
<p>Content</p>
<p>Content content content content content content content content content content
content content Content content content content content content content content content content
content content</p>
</div>
<p align="auto">
<p align="left">
<p>
<p> </p>
</body>
</html> :roll: