Guten Morgen, ich hab eine Internetseite oben den head mit Verlinkungen, auf der linken seite eine Leiste wo oben das logo drinnen ist und dadrunter noch externe verlinkungen.
Zusammengefasst:
#head | Verlinkungen der Seite
#links | Logo
#linkscontent | Externe logos mit verlinkungen
#contentstart | Vollflächiges Bild
und ich wollte es jetzt versuchen dass, das Bild in #contentstart sich der browsergröße anpasst, an der höhe. Also das es sich quasi dann hinter #head schiebt. wenn das Fenster nach unten hin kleiner wird. Leider konnte ich nicht rausfinden wie ich das realisieren könnte. Ich hatte mir vielleicht gedacht mit z-index, aber leider bin ich nicht weiter gekommen. Vielleicht kann mir jemand dabei behilflich sein? Vielen Dank. Unten führe ich nochmal den CSS code von den oben erwähnten boxen auf auf, sowie eine kleine Skizze.
#links {
width:300px;
height:225px;
float:left;
background-image:url(img/logo.jpg);
background-repeat:no-repeat;
background-position:center;
}
#head {
background-color:#bc2626;
width:722px;
height:225px;
margin-left:300px;
}
#contentstart {
width:722px;
margin-left:300px;
background-image:url(img/start_img.jpg);
background-repeat:no-repeat;
}
#linkscontent {
width:300px;
height:628px;
float:left;
padding-top:268px;
}
[Blockierte Grafik: http://img180.imageshack.us/img180/3528/unbenannt1ap.jpg]