Hallo,
ich bastel momentan nen Webseitenlayout und hab da ein kleines Problem.
Zunächst mal der Quelltext der HTML Seite und der CSS-Datei:
HTML
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<META HTTP-EQUIV="content-type" CONTENT="text/html; charset=utf-8">
<html><head><title></title>
<link rel="stylesheet" type="text/css" href="style/style.css"></style>
</head><body>
<div id="header"><div id="header_"><div id="logo"><a href="#"><img src=/logo.gif"></a></div><div id="navigation"><ul id="navibereich"><li><a href="#"><img src="/home.png""></a></li><li><a href="#">Blog</a></li><li><a href="#">Beginnerguide</a></li><li><a href="#">Kategorien</a></li><li><a href="#">FAQ</a></li><li><a href="#">Impressum</a></li></ul></div><div>
<div id="container">
<div id="sidebar">Sidebar</div>
<div id="topseller"><p class="head">Topseller<br/>in dieser Woche</p></div>
<div id="sticky"></div>
<div id="randomarticle"><p class="head">Zufällige Artikel</p></div>
<div id="bottom"></div>
<div id="bottom_"></div>
</div>
</body>
</html>Code
body {
background-color: #e2e2e2;
font-family:Myriad Pro, Calibri, Arial;
font-size:100%;
background-image:url(background.gif);
background-repeat:repeat-x;
margin: 0;
padding: 0;
text-align: left;
}
html{
height:100%;
}
#container {
width:880px;
height:100%;
margin:0px auto;
margin-top:0px;
}
#header {
background-image:url(header_back.gif);
height:156px;
}
#header_ {
margin:0px auto;
background-image:url(header_grafik.gif);
height:156px;
width:1280px;
}
#topseller {
background-color:#fff;
height:100px;
width:652px;
margin-top:8px;
}
#sticky {
width:652px;
height:280px;
background-color:#fff;
margin-top:8px;
}
#randomarticle {
width:652px;
height:400px;
background-color:#fff;
}
#sidebar {
background-color:#fff;
width: 222px;
min-height:100%;
float:right;
margin-top:0px;
}
#bottom {
background-color:#2d2d2d;
height:290px;
width:880px;
}
#bottom_ {
background-color:#000;
height:68px;
width:880px;
}
#logo {
position:relative;
border:none;
height:86px;
width:250px;
left:200px;
top:10px;
}
#navigation {
margin:0px auto;
height:50px;
width:880px;
background-color:#2b2b2b;
margin-top:20px;
}
p.head{
font-size:22px; font-family: helvetica,arial; padding:9px; margin:0px; width:400px;
}
#navibereich li {
display:inline;
height:50px;
position:relative;
top:11px;
left:-38px;
}
#navibereich li a {
color:#fff;
text-decoration:none;
height:50px;
padding:19px 17px 17px 17px;
font-size:12px;
}
#navibereich li a:hover {
color:#f2c904;
text-decoration:none;
background-color:#161616;
}Das Problem, welches ich nun mit dem Quelltext habe ist, dass die Sidebar nicht 100% der Höhe annimmt. Wer kann mir bei diesem Problem weiterhelfen?
Danke im voraus,
duff
