Attributet "float" i divvarna inuti gör detta. Antingen kan du floata bara en av dom, eller så kan du t.ex. lägga in
<br style="clear:both;" />
precis före den omslutande divvens </div>
Trådstart#1
Tjenare
Har en container med en huvuddiv med svart bakgrundsfärg. Nu vill jag att denna faller ut nedåt beroende på hur mycket information som finns på sidan.
Har kod enligt följande:
#container {
background-color:#000;
position:relative;
margin:auto;
top:0px;
width:900px;
min-height:100%;
height:auto;
z-index:1;
}
<div id="container">
<div style='float:left;width:200px;height:100px;background-position:center;background-image:url(img/minbild1.jpg)'></div>nbsp;
<div style='float:left;width:200px;height:100px;background-position:center;background-image:url(img/minbild2.jpg)'></div>nbsp;
</div>
Min container tycks inte känna av mina divvar som ligger inuti, och lägger därför bara den svarta rutan till 100% av upplösningshöjden, och där slutar den. Resten av innehållet visas nedåt utan bakgrund.
Tänker ju fel någonstans, men var?