Autor Zpráva
jakatak
Profil *
mám problém, u vertical align mi špatně fungujou vlastnosti: text-top; middle; text-bottom
explorer a firefox mi je vykreslujou každej jinak

explorer
text-top: na řádku
middle: na řádku
text-bottom: na řádku

firefox
text-top: zhruba tak polovinou svího obsahu pod řádkou
middle: nepatrnej kousek pod řádkem
text-bottom: kousek nad řádkem

jak jsem pochopil z JPW
text-top: vršek prvku by se měl dotýkat s vrškem řádku
middle: prostředek prvku má bejt ve středu řádku
text-bottom: spodek prvku se má dotýkat se spodkem řádku

nechápu ve firefoxu proč:
text-top neni někde nad řádkem nebo popřípadě na řádku ale pod řádkem?
middle: neni nad řádkem nebo popřípadě na řádku?
text-bottom: neni prostě na řádku, ale proč lítá nad nim?

nevim jestli tam neni náhodou něco blbě:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
  <title></title>
  <style>
p {line-height: 40px; position: relative; vertical-align: 60%; font-size: 20px; text-decoration: underline}  
.uga {background-color: blue; color: yellow}  
  
 </style>
  </head>
  <body>
<p>asfsdfg <span class="uga" style="vertical-align: sub">sub <img src="http://www.jakpsatweb.cz/favicon.ico"></span> dsfgsdgdf 
<span class="uga" style="vertical-align: super">super <img src="http://www.jakpsatweb.cz/favicon.ico"></span> dfgs 
<span class="uga" style="vertical-align: text-top">text-top <img src="http://www.jakpsatweb.cz/favicon.ico"></span> fsg 
<span class="uga" style="vertical-align: middle">middle <img src="http://www.jakpsatweb.cz/favicon.ico"></span> <br> 
<span class="uga" style="vertical-align: text-bottom">text-bottom <img src="http://www.jakpsatweb.cz/favicon.ico"></span>
<span class="uga" style="vertical-align: 80%">80% percent <img src="http://www.jakpsatweb.cz/favicon.ico"></span> 
<span class="uga" style="vertical-align: top">top <img src="http://www.jakpsatweb.cz/favicon.ico"></span> 0sdfgsdfg 
<span class="uga" style="vertical-align: bottom">bottom <img src="http://www.jakpsatweb.cz/favicon.ico"></span> gagag gregw </p>

  </body>
</html>


Prosim poraďte jestli tam mám něco blbě nebo sem si to špatně vyložil, poř. jak by to mělo bejt. adam.sorfa@gmail.com
Yuhů
Profil
neděláš nic blbě, maximálně je ještě dobré zkusit standardní doctype (ale ten tedy nepomůže). Fakt se to chová zvláštně, hlavně ta hodnota text-bottom. Ta má lícovat ke spodní dotažnici fontu, ale v browserech se to chová jinak.

Explorer máš jaký?

Budu muset přepsat tu stránku, dík za tip.
jakatak
Profil *
díky za odpověď. Jak zjistim verzi exploreru?
jenikkozak
Profil
Řádek nabídek: Nápověda > O aplikaci Internet Explorer.

Vaše odpověď


Prosím používejte diakritiku a interpunkci.

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