Autor Zpráva
gardener
Profil
Zdravím
Na adrese http://preview.webcorporate.cz/viralaction/ jsou při zobrazení v IE vidět odsazení mezi menu a headerem a obsahem.
Použil jsem základní CSS resetovací pravidla, ve všech jiných prohlížečích se zobrazí korektně ale zde ne.

Co mohu mít v CSS špatně deklarováno, nebo budu muset použít CSS hack?

Díky za každou odpověď.
Trejpa
Profil
gardener
Za mezeru může vykreslování řádku, na kterém je obrázek. Ve výchozím nastavení je totiž spodní okraj obrázku zarovnán ke středu řádku. Pod obrázkem je tedy zbývající polovina řádku. Pokud bys vedle obrázku přidal jediný znak, tak by ti to stejně zobrazovaly všechny prohlížeče.

Řešení pro všechny obrázky:
img { vertical-align: middle; }
Bubák
Profil
Je to mezera pro pro nohaté písmenka, jako třebas "y". Deklaruj v CSS pro tag IMG tohle:
img {vertical-align: bottom;}

Funguje to se skoro každou hodnotou CSS vlastnosti vertical-align. Pokud by ti to náhodou rozhodilo design, deklaruj vertical-align pouze pro "problémové" obrázky.

Existují i jiná řešení tohoto problému (odstanit mezery, to je ten text), zakomentovat mezery, deklarovat obrázek jako blokový, ale tohle je nejrychlejší a nejjednodušší na implementaci.
gardener
Profil
Ano, to je přesně ono, díky za radu.
radecek
Profil
gardener

Dole jak je velký oblouk je asi o 2px měnší na každé straně. Tak se ti tam vytvořil zub a nenavazuje ti to na sloupec stránky :)

Vaše odpověď


Prosím používejte diakritiku a interpunkci.

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