| Autor | Zpráva | ||
|---|---|---|---|
| skybedy Profil |
Zdravím, narazil jsem na to, že pokud napíšu v HTML kódu celý obsah seznamu <ul> na jednom řádku, tak v IE 8 poslední položka v seznamu <ul> má jinou výšku než ty předchozí, pokud napíšu kód tag, že každá položka seznamu <ul> je na novém řádku, chová se to korektně. Do téhle chvíle mě nenapadlo, že způsob psaní HTM kódu a to jestli kód odřádkovávám, nebo ne, může mít vliv na vzhled stránky. Setkal se s tím někdo? Díky.
Varianta 1 - tagy <li> a <span> na jednom řádku, v IE 8 vždy poslední prvek seznamu má jinou výšku než předchozí <!DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.0 Strict//EN' 'http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd'>
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="cs" lang="cs">
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style>
ul{list-style-type:none}
li{
display:inline;
background:red;
}
span{
font-size:12px;
}
</style>
</head>
<body>
<ul>
<li><span>Hlavní strana</span></li><li><span>Závody</span></li><li><span>Něco</span></li>
</ul>
</body>
</html>Varianta 2 - tagy <li> a <span> odřádkované, stejná výška všech prvků <!DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.0 Strict//EN' 'http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd'>
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="cs" lang="cs">
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style>
ul{list-style-type:none}
li{
display:inline;
background:red;
}
span{
font-size:12px;
}
</style>
</head>
<body>
<ul>
<li><span>Hlavní strana</span></li>
<li><span>Závody</span></li>
<li><span>Něco</span></li>
</ul>
</body>
</html>Moderátor panther: Vkládej prosím kódy mezi značky [pre] a [/pre] (stačí kliknout na
 ). |
||
| skybedy Profil |
#2 · Zasláno: 1. 4. 2011, 13:49:06
Ještě pro jistotu k tomu dotazu. Není to o tom, jak to vyřešit v CSS, to už jsem vymyslel, ale o tom, jestli je normální, že způsob psaní HTML, čili v tomhle případě odřádkovávání - neodřádkovávání, ovlivňuje vzhled stránky.
|
||
| Davex Profil |
#3 · Zasláno: 3. 4. 2011, 21:27:26
Popisovaný problém v IE8 nepozoruji. Problém s mezerami pozoruji jen v IE7, který má podobných problémů víc. Pokud se rozhodneš použít variantu bez bílých znaků, tak je nedávej ani za
<ul> a před </ul>.
|
||
|
Časová prodleva: 13 let
|
|||
0