Autor Zpráva
Ondra_xx
Profil *
#1 · Zasláno: 6. 10. 2006, 19:34:33
Odpovědět Citovat
Zdravím. Mám takový menší problém. Mám stránku s klasickým rozložením. Hlavička - střed rozdělený na pravý a levý sloupec - patička. Protože používám floaty tak samozřejmě řeším obvyklé bugy. Rozdílnou interpretaci šířky boxu a dvojnásobný margin. Problém je v tom, že jsem narazil u menu. Menu dělám pomocí seznamu. Co ale nechápu, proč když elementu <ul> zadám pevnou šířku, tak ta je interpretována různým způsobem v IE a ve FF. Nejedná se však o pár px. Samozřejmě bych tohle vyřešil podtržítkovým hackem, ale chtěl bych pochopit proč to takhle je a přijít na nějaké elegantnější řešení.

www stránka http://www.dinoxx.wz.cz
ash721
Profil
#2 · Zasláno: 6. 10. 2006, 21:59:50 · Upravil/a: ash721
Odpovědět Citovat
Řek bych, že za to můžou dva faktory:

1) Ten první je, že u div#left ul je display: inline;
2) Ten druhý je, že si to <ul> bere implicitní padding, tedy chybí mu padding: 0 0 0 0;

Takže doporučuji tento následující kód změnit za ten níže:

div#left ul {
float: left;
margin: 23px 2px 0 0;
width: 70px;
text-align: right;
display: inline;
border: 1px solid red;
}

Změnit na:

div#left ul {
float: left;
margin: 23px 2px 0 0;
width: 70px;
text-align: right;
padding: 0 0 0 0;
border: 1px solid red;
}
Ondra_xx
Profil *
#3 · Zasláno: 7. 10. 2006, 12:06:08
Odpovědět Citovat
to Ash721: ano, máš pravdu. Jak banální a mě to nedošlo :) Chjo :(

Díky
Časová prodleva: 18 let
Toto téma je uzamčeno. Odpověď nelze zaslat.

0