Het zetten van de div height in IE6 is niet zo simpel als je zou denken. Ik wilde een dunne lijn maken mbv een div met een hoogte van 1px :
div.footerBar
{
background: #FF6600;
width: 100%;
height: 1px;
}Dit is voldoende voor firefox en IE 7. Helaas kreeg ik in IE 6 een lelijke dikke balk. Dit is op te lossen door overflow:hidden toe te voegen:
div.footerBar
{
background: #FF6600;
width: 100%;
height: 1px;
overflow:hidden;
}Een nettere oplossing is zoals Wilbert al zei, gewoon een hr tag gebruiken met de volgende css:
hr
{
border:0;
height:1px;
color:red;
background:red;
}
merci
raar maar waar idd. wat een lelijke klote browser is het ook. zit je gvd uren te kijken naar een simpele oplossing..
Maar bedankt iig! door jou tip kan ik weer verder!!
Super tip, thanx!!
IE maakt divs zo laag als de tekst er in (zou kunnen staan) toelaat. Dus ook als er geen content in zit. Voor mij werkte overflow:hidden niet, maar font-size:1px; wel
En een hr? hr met een border 1px en geen backgroundcolor, werkt overal in. is semantisch ook beter en werkt ook zonder css.
Ja daar ben ik het helemaal mee eens, ik heb nog even rond gekeken en kwam hier op uit: http://bytes.com/topic/html-css/answers/99449-horizontal-rule
hr{border:0;height:1px;color:red;background:red;}
Dit is een veel nettere oplossing,ik zal zo even mijn post aanpassen. Bedankt voor de tip.