Witam.
Otóż sprawa wygląda dość dziwnie, strona jest zgodna z w3c (kod i css), lecz wyświetlanie jej to już trochę inna bajka.
[strona skasowana z serwera]
Proponowałbym przejrzeć tą stronę w IE oraz FF/Opera - brak tła na "nowoczesnych" przeglądarkach. Macie jakieś rozsądne rozwiązanie?
Pzdr.
Tak. Chodzi o to że div#main nie jest rozciągany przez swoje dzieci, bo mają one ustawiony float - i w praktyce nie ma tła, bo #main nie ma wysokości. Rozwiązania są dwa. Albo ustawić #main wielkość, albo w kodzie HTML, jako ostatnie dziecko #main dać na przykład <hr /> o stylu display: none; i clear: both;.
Ale dlaczego to działa w IE to ja nie wiem, pewnie znowu jakieś dziwactwo tej przeglądarki, bo prawidłowo jest tak, jak pokazuje Firefox.
[added]
http://riddle.jogger.pl/2005/10/13/sekcje-w-szablonach/#sekcjeprob4
i nie jestem pewien czy z display: none pójdzie, ale raczej tak.
No nie powiem, działa. Wielki dzięki.
Pzdr.
[edit=rozwiazanie]
Po prostu dodałem height: 300px; i min-height: 300px;, w razie czego to samo się rozciągnie.