[css html]Faux columns problem

[Kartofelek]

Twoja #strona ma wysokość 0. Floaty pływają w dokumencie i przez to nie wpływają na wymiary dokumentu. Czyli jeżeli dany element ma dzieci które są wszystkie floatowane (albo pozycjonowane absolutnie), to równoznaczne jest to z tym, że nie ma elementu który by miał jakąś wysokość. Czyli nic go nie rozciąga. Hmmm. Tak - muszę opatentować tą definicję

Aby temu zapobiec stosuj albo overflow:hidden (tylko dla floatów), albo clearfix (też tylko dla floatów). To pierwsze nie zawsze jest ok, bo np ukrywa rozwinięte selekty. To drugie jest lepsze od piersi szlachcianki. Znajdziesz je w stylach dołączonych do "boilerplate html5"

Kod:

    .clearfix:before, .clearfix:after {content:"\0020"; display:block; height:0; visibility:hidden;}     
    .clearfix:after {clear:both;}
    .clearfix {zoom:1;}

Czyli twoja strona powinna dostać klasę clearfix.

To jest przykładowy clearfix, ale w boilerplate jest chyba nowszy z tego co pamiętam. Tak więc zobacz sobie w google .