zawieranie się w sobie divów Opcje

[demolka666]

Witam,
mam taki kod:

[HTML] pobierz, plaintext 
<div id="cont">
    <div id="left">
             <div id="1">Bla bla bla1</div>
             <div id="2">Bla bla bla2</div>
    </div>
    <div id="right"></div>
</div>
[HTML] pobierz, plaintext 

To jest tylko nagłówek, więc pod tym fragmentem muszą się znaleźć inne divy.


ostylowany jest on cssem w ten sposób:

[CSS] pobierz, plaintext 
body{
    width:100%;
    min-width:800px;
    margin: 0;
    padding: 0;
    background: #fff;
}
#cont{
    background: #140901;
    width:100%;    
    color: #ccc;
}
#logo{
    float:left;
    width: 30%;
    height:396px;
    position: relative;
}
#intro{
    width: 70%;    
    float:left;   
    position: relative;
}
 
[CSS] pobierz, plaintext 

Problem polega na tym, że div "cont" nie rozciąga się na wysokość reszty divów. Więc w związku z tym kolor tła pozostaje #fff (dziedziczony od body ) zamiast #ccc (dziedziczony od cont).
Czyli tło do tekstów blablabla1 i blablabla 2 jest białe zamiast #ccc.
Jak to prawidłowo wypozycjonować?

Ten post edytował demolka666 11.12.2010, 13:34:14

[lord2105]

[CSS] pobierz, plaintext 
div {
float:left;
}
[CSS] pobierz, plaintext 

[demolka666]

dzięki! pomogło . Byłabym wdzięczna gdybyś mi mógł krótko wytłumaczyć dlaczego to zadziałało.

[lord2105]

dlatego, ze dla każdego diva w dokumencie zdefiniowana została pozycja("otaczanie") i nie nakładają się one już na siebie.

Na przyszłość polecam poczytać o float: np. tutaj

Pozdrawiam

Ten post edytował lord2105 11.12.2010, 13:45:56