Danke
Das heißt, dass das Problem float typisch ist und sich daran soweit nichts ändern lässt ?
Werde ich mir anschauen. Wusste garnicht dass es eine andere Möglichkeit gibt zu positionieren.
Danke
Das heißt, dass das Problem float typisch ist und sich daran soweit nichts ändern lässt ?
Werde ich mir anschauen. Wusste garnicht dass es eine andere Möglichkeit gibt zu positionieren.
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.
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
HTML-Seminar.de - mit Videos zum schnellen Lernen, wie man eine Website selbst erstellt.