[CSS] Divy, rozna interpetacja przez przegladarki

[Cvaniak]

Bede sie streszczal i napisze odrazu o co chodzi... mam taki sobie kod:

Kod: Zaznacz cały

<div class="top">
     <div class="logo"><img src="logo.gif" /></div>
     <div class="baner"><img src="baner.gif" /></div>
     <div class="menu">[TU MAM KILKA GIFOW DO MENU]</div>
</div>

.top {
      clear: both;
      height: 121px;
      background: url(bg.gif);
}
.banner {
      width: 400px;
      height: 50px;
      position: relative;
      float: right;
      top: 15px;
      right: 30px;
}
.menu {
      clear: both;
      width: 390px;
      height: 19px;
      position: relative;
      float: right;
      top: 20px;
      right: 30px; 
}

Problem w tym, ze Firefox wyswietla to inaczej a IE jeszzce inaczej. W FF moje menu jest bardzo obnizone a w IE skolei za malo obnizone



Bardzo prosze o pomoc, mecze sie nad tym o dwoch dni i nic
[/img]

[Stig]

Z tak skąpą ilością kodu trudno będzie efektywnie Ci pomóc. Proponuję podać adres do kompletnej strony (wraz z niezbędnymi grafikami). Póki co mogę poradzić jedynie rezygnację z pozycjonowania relatywnego.

[Cvaniak]

dzięki, po raz kolejny mi pomogłeś Poczytałem o position i faktycznie relative nie bardzo bylo tutaj na miejscu - pozamienialem na absolute i dziala jak powinno

[Stig]

Hmm... pozycjonowanie absolutne jest jeszcze gorszym rozwiązaniem... Polecam skorzystać z tzw. float positioning.

[Cvaniak]

skoro dziala pod firefoxem, ie i operze dokladnie tak samo to dla czego mam zmieniac?

[Stig]

Float positioning lepiej sprawdza się w przypadku serwowania dynamicznej zawartości strony jaki i zewnętrznych czynników związanych z konfiguracją (np. zmiana wielkości czcionki). Poza tym ten sposób jest szybszy w tworzeniu i działaniu oraz znacznie bardziej intuicyjny. Oprócz tego daje większą pewność poprawnego działania na wszelkich systemach/konfiguracjach/przeglądarkach.