Frage stellen
Bei meiner Homepage wird der Hintergrund eines Div's (container) nicht weitergeführt.
Dieser Div enthält mehrere andere Div's und dient sogesehen als Box.
Die enthaltenen Div sind die Navigation, der Content, die rechte Box und der Footer.
Wenn nun im Conten ein längerer Beitrag steht, so wird der Container nicht weiter mit der Hintergrundfarbe gefüllt.
Ihr könnt euch das Problem hier anschauen.
Dies ist der CSS Code:
- Code: Alles auswählen
body {
background: url(images/bg.png);
font-size: 11px;
font-family: Tahoma, Calibri, Verdana, Geneva, sans-serif;
color: #000;
height: 100%;
}
img {
border: none;
}
a:link {
font-weight:bold;
color: black;
text-decoration:none;
}
a:visited {
font-weight:bold;
color: black;
text-decoration:none;
}
a:focus {
font-weight:bold;
color: black;
text-decoration:none;
}
a:hover {
font-weight:bold;
color: black;
text-decoration:none;
}
a:active {
font-weight:bold;
color: black;
text-decoration:none;
}
#topnavi {
background: url(images/topnavbg.png);
height: 30px;
text-align: center;
padding-top: 8px;
position: absolute;
top: 0;
left: 0;
right: 0;
}
#container {
width: 900px;
margin-left: auto;
margin-right: auto;
background: #FFF;
border: solid #000 1px;
box-shadow: 0px 0px 10px #000;
}
#header {
margin-left: auto;
margin-right: auto;
margin-top: 55px;
margin-bottom: 20px;
width: 870px;
}
#navi {
padding-top: 11px;
background: url(images/navbg.png);
height: 41px;
text-align: center;
}
#content {
float: left;
width: 630px;
padding: 10px;
background: #fff;
text-align: justify;
}
#boxright {
padding: 10px;
float: left;
width: 230px;
text-align: right;
background: #fff;
text-align: justify;
}
#footer {
width: 100%;
float: right;
padding: 0px;
text-align: center;
left: 0;
right: 0;
background: #FFF;
}