Problem z wyświetlaniem w przeglądarkach

[dzikyi]

Witam wszystkich! Mam malutki problem z wyświetlaniem mojej strony w przeglądarkach IE FF i OP.

w FF: nie widać białego tła

w IE: widać białe tło ale pojawia się niechciany pasek po prawej

w OP: tak samo jak w ie

Link do strony: https://strefa7.forall.pl/strona/

CSS tutaj: https://phpfi.com/115529

Z góry dziękuję za odpowiedź!

[kava]

Masz kolor #tlo ustawiony na #FFFFFF, a że wszystkie elementy w nim na razie mają float, w FF nie pokazuje ci tego diva jako "obejmujący", w przeciwieństwie do IE, które pokazuje, nazwijmy to, "poprawnie".

Poza tym nie ma czegoś takiego jak float: middle.

[dzikyi]

Mógłbyś mi dokładnie wytłumaczyć co mam pozmieniać?

[kava]

Mogłabym :>

Nie wiem, czy ten biały tam ma być czy właśnie ma go nie być. Jeśli chcesz biały to zostaw, a jeśli w ogóle nie chcesz białego zamień FFFFFF na niebieski. Wywal z #top float: middle.

Proponuję, żebyć stworzył sobie klasę clear

.clear {clear:both;}

bo przyda ci się pewnie nie tylko w tym przypadku.

Poniżej floatowanych elementów (lub gdzie indziej, bo nie wiem jak ci potrzeba dokładnie) wywołaj ją

<div id="top"><p>top</p></div>
<div class="clear"></div>
</div>
</body></html>

[dzikyi]

Ok wszystko ładnie działa lecz pod IE mam biały pasek po prawej obok loga. Gdy usunę z logo5 float: left to pasek znika lecz w operze obrazek pasek.gif jest na środku a nie po lewej.