Autor Zpráva
Tasartir
Profil
V IE6 - při zúžení velikosti okna jakoby prohlížeč začal ignoroval float:left a celý <div id="main"> poskočí pod <ul id="menu">, přičemž margin-left si stále zachovává. Nedokázal jsem najít souvislosti, pokud by někdo věděl nebo tušil v čem je problém budu vděčný.

Stránka s příkladem: http://tasartir.iprofil.cz/problem/index.html
Miloš
Profil
Řešení je poměrně jednoduché – vzhledem k tomu, že nejde ve skutečnosti o pravé obtékání, protože pod menu (levým sloupcem) už není nic, daleko vhodnější se mi jeví absolutní pozicování:
ul#menu zruš float, ale přidej position: absolute; se souřadnicí left tak, aby levé bordery lícovaly; pokud nebudou lícovat, je to možná jednotkou em, přepsal bych ji na pixely, které by měly být jednoznačné. Souřadnici top nezadávej.

Hlavnímu boxu (#main) pak nastav levý margin o velikosti šířky levého menu (plus nějaká drobná).
Tento margin nastav v em, stejně jako nastavuješ v em šířku menu – tak ti to nepoleze přes sebe.
Tasartir
Profil
Miloš
Děkuju za pomoc, pixely byly kvůli IE nutný, tak se s tím smířím, tohle mi nevadí.

Ještě bych měl navazující dotaz, nebo spíše prosbu. Mohl by se mi na to někdo podívat v IE7 jestli se mi někde něco nerozpadá apod? (nemám ho k dispozici).
http://tasartir.iprofil.cz/tasartir2/
Toto téma je uzamčeno. Odpověď nelze zaslat.

0