Guten Tag
Ich setzte grade ein neues Design um und habe dabei ein kleiners Problem. Ich möchte das background-color: #000; mit dem Inhalt mitwächst und das ohne eine fest angegebene Höhe.
Entferne ich min-height: 500px; verschwindet der Hintergrund vollständig.
Z. 94.
Code
body {
background-color: #151515;
font-family: averia_sans_librelight;
color: #fff;
}
#wrapper {
margin: 0 auto;
margin-top: 35px;
width: 1200px;
border: 5px solid #000;
border-radius: 5px;
box-shadow: 0 0 10px #000;
background-image: url(images/background.jpg);
background-repeat: repeat;
overflow:hidden;
}
/*header*/
#header {
width: 1200px;
height: 181px;
background-image: url(images/header.jpg);
background-repeat: repeat-x;
}
/*
#logo {
position: absolute;
height: 143px;
width: 734px;
margin-top: 20px;
margin-right: 446px;
margin-left: 20px;
background-image: url(images/logo.png);
background-repeat: no-repeat;
}
*/
/*header*/
/*navigation/<menu>*/
#navigation {
background-image: url(images/navigation.png);
background-repeat: repeat-x;
width:1200px;
height: 67px;
}
#menu {
position: absolute;
width: 1100px;
height: 47px;
margin-top: 10px;
margin-bottom: 10px;
margin-right: 50px;
margin-left: 50px;
}
/*navigation/<menu>*/
/*content*/
#content_holder {
width: 1160px;
margin-top: 8px;
margin-right: 20px;
margin-left: 20px;
min-height: 500px;
}
#content {
float: left;
width: 875px;
margin-right: 10px;
background-color: #000;
min-height: 470px;
}
/*content*/
/*sidebar*/
#sidebar {
float: left;
background-color: #000;
width: 245px;
min-height: 500px; /*Ich beziehe mich auf diesen Befehl.*/
}
#sidebar_title {
width: 205px;
height: 41px;
background-image: url(images/background_titles.png);
background-repeat: no-repeat;
text-align: center;
font-size: 18px;
color: #fff;
}
#sidebar_menu {
position: absolute;
width: 210px;
margin-top: 2px;
margin-right: 10px;
margin-left: 10px;
margin-bottom: 2px;
}
/*sidebar*/
/*footer*/
#footer {
margin: 0 auto;
width: 1200px;
height: 60px;
background-image: url(images/background_footer.jpg);
background-repeat: no-repeat;
clear: both;
}
#footer_box {
position: absolute;
margin-top: 10px;
margin-right: 275px;
margin-left: 325px;
width: 600px;
height: 25px;
background-color: #000;
}
/*footer*/
Alles anzeigen