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
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
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>.

Vaše odpověď

Mohlo by se hodit


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: