Autor Zpráva
Pan X
Profil
Zdravím, potřeboval bych poradit, už nějakou tu hodinku si tu lámu hlavou jak odstranit mezeru, která vzniká v Opeře a IE (8) mezi dvěma divy.

Zde je náhled

Jedná se o mezeru vezi rámečkem formuláře a přihlašovacím tlačítkem a potom mezi zaobleným vrškem formuláře a samotným tělem. Ve FF mi všechno funguje OK, ale pro Operu se mi to jaksi nevede optimalizovat.

CSS styly jsou zde

Našla by se nějaká dobrá duše, co by my pomohla té zbaviti se té prokleté mezery :)

Předem díky všem.
Bubák
Profil
Opera a IE jsou kvůli použité DTD ve quirku.
Máš několik možností:
- změnit DTD třebas na tuhle (ale nepomůže v IE6):
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

- nedávat do DIVu "top-box-m" žádný text, tedy ani tvrdou mezeru, je tam zbytečná
- dát DIVu "top-box-m" overflow: hidden; doporučuji
- údajně zabírá i font-size: 0; line-height: 0; nezkoušel jsem

Ještě doplním vysvětlení, je to proto, že IE6 a starší nesprávně natáhnou obsah elementu, jako bys deklaroval min-height. Některé novější prohlížeče (IE, Opera) ve quirku (kompatibilní vykreslovací režim) takto po "vzoru" IE6 zobrazují také.
Pan X
Profil
Bubák:

Díky moc, už to funguje jak má :)

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: