Autor Zpráva
fafa
Profil *
Ahojtě,

hledám ideální řešení cleaneru - chci normální <hr class="cleaner" />, který bude mít nulovou výšku a fungovat jako cleaner a samozřejmě mít sémantiku oddělovací čáry... používám tohle:

.cleaner {display:block;overflow:hidden; clear:both; height:1px; visibility: hidden; }

a pro IE ještě

.cleaner { margin: -17px 0 0 0; padding:0; border-bottom:14px solid white;}

protože v IE to prostě nulovou výšku nemá... ale stále to nedělá všude to co chci, IEčka tam na místě hr dělají asi 4px mezeru...

Poradíte něco?

Dík
Railbot
Profil
No, pro nulovou výšku v IE je podsatné font-size:0, stylovat takto čáru se ale stejně nedoporučuje, protože jak už jsi sám zjistil, jsou s tím problémy. Takže používej raději div nebo ještě lepší řešení, nepoužívej jako čistič žádný prvek navíc.
http://www.positioniseverything.net/easyclearing.html
thags845
Profil *
Co znamena v CSS class
content: ".";
??
Dranel
Profil
fafa
Pro oddělení hlavičky, obsahu a patičky bez stylů CSS používám
<hr class='oddelovac'>

.oddelovac {
display:none;
clear:both;
}


Jinak jako cleaner je opravdu nejlepší nepoužívat nic :)
Str4wberry
Profil
Proč tam máš „clear:both“?
habendorf
Profil
Proč tam máš „clear:both“?

To by mě taky zajímalo :o)

Vaše odpověď

Mohlo by se hodit

Nezapomeňte na odkaz na živou ukázku problému.

Prosím používejte diakritiku a interpunkci.

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

0