Problém s paddingom a borderom pri UL v IE
Problém nastane, ak zadáte pre UL padding vo formáte padding: 5px; a zároveň
zadáte border-left. (5px je len príklad, na hodnote nezáleží)
Riešení, ako to opraviť je viac, tu sú tie na ktoré som prišiel ja:
- padding zadať vo formáte padding: 0 5px;
- border zadať pre celé UL nie len pre left
- border stačí zadať len pre bottom, už aj to pomôže
- nepoužiť padding, potom môže byť border akýkoľvek
- nepoužiť border, potom môže byť padding akýkoľvek
Ak sa nachádza zlé riešenie v HTML kóde ako prvé, už nefunguje žiadne s týchto riešení a doľava sa
začnú posúvať všetky následujúce prvky na stránke.
border
- Tu je dobré zobrazenie zabezpečené pomocou #bor ul {border: 1px solid #c2c;}
- text text text
- text text text
- text text text
- text text text
- text text text
padding
- Tu je dobré zobrazenie zabezpečené pomocou #r2 ul {padding: 0 5px;}
- text text text
- text text text
- text text text
- text text text
- text text text
zle
- Toto je zlé riešenie, kde sa obsah nasledujúcich elementov posúva doľava
- text text text
- text text text
- text text text
- text text text
- text text text
border
- Tu už nepomôže nič, lebo pred týmto elementom sa nachádza zlé riešenie
- text text text
- text text text
- text text text
- text text text
- text text text
padding
- Tu už nepomôže nič, lebo pred týmto elementom sa nachádza zlé riešenie
- text text text
- text text text
- text text text
- text text text
- text text text