Hi!

Es geht um folgende Seite:
http://www.buchholz-bei-nacht.de/layout.htm

Die Frage ist, warum sich der #content-container in der Höhe nicht anpasst, obwohl sich #content und #content-image innerhalb dieses containers befinden.

css:

Code :

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54

#container {     width: 532px;     position: absolute;     left: 50%;     top: 55px;     margin-left: -270px;     background-color: #B1C0C2;     padding: 4px; }   #head-image01 {     width: 310px;     height: 123px;     float: left;     background: url(../grafiken/head_mercedes-star.jpg);     margin: 4px 0px 4px 0px; }   #head-image02 {     width: 216px;     height: 123px;     float: right;     background: url(../grafiken/head_landscape.jpg);     margin: 4px 0px 4px 0px; }   .gradient {     width: 531px;     height: 20px;     clear: both;     background: url(../grafiken/gradient.jpg) top left repeat-y; }   #content-container {     width: 531px;     background: url(../grafiken/content-bg.gif) top left repeat-y;     border: 1px solid red;     margin: 4px 0px 4px 0px; }   #content {     position: relative;     width: 296px;     padding: 20px 10px 10px 5px;     float: left; }   #content-image {     position: relative;     width: 200px;     padding: 20px 10px 10px 10px;     text-align: center;     float: right; }

html:

Code :

1 2 3 4 5 6 7 8 9 10 11

<div id="container">     <div class="gradient"></div>     <div id="head-image01"></div>     <div id="head-image02"></div>       <div class="gradient"></div>     <div id="content-container">         <div id="content"></div>         <div id="content-image"></div>     </div>     <div class="gradient"></div> </div>

Du hast ja gar keine Höhe für die besagten Container angegeben. Jetzt sind sie halt nur so groß wie der Inhalt.


MfG

Wenn man sich das Ganze im Firefox anschaut, wird man merken, dass der content-container überhalb der beiden divs klebt, die eigentlich IN ihm sein sollten. Er nimmt dort überhaupt keine Höhe an...

Hat sich geklärt, das floaten der content-divs war das Problem, sowie die Anordnung im Quelltext.