Ik leer mezelf altijd standaard aan om netjes om te springen met HMTL en CSS om zoveel mogenlijk bugs van IE te omzeilen.
Nu ben ik toch een bug tegengekomen.
Het betreft een 1px lijn die ik in mijn header.jpg heb verwerkt die net boven mijn menu uitkomt.
Deze lijn blijft 1px zichtbaar in Firefox en Safari, echter in IE schuift hij het menu op waardoor de lijn wegvalt en dat is gewoonweg lelijk.
Is er een schone workaround hiervoor?
@Hier beneden:
Border is een nogo: want dan loopt de border voor 100% over de boven kant
Screenshot, online voorbeeld? Kan weinig met alleen een uitleg, de enige pixel bug die ik ken uit me hoofd is de 3px jog bug van IE, maar verder kan ik je dus weinig helpen.
Edit: Als het overigens een lijn is, waarom niet gewoon borders gebruiken?
Denk dat ik toch een online voorbeeldje nodig zal hebben, het lijkt erop dat internet explorer gewoon weer eens niet luistert naar zijn aangegeven hoogte (aannemelijk dat je background hebt gebruik in plaats van <img>).
Wat bedoel je trouwens met dat hij dan 100% over de bovenkant..?
Je probleem ligt hem in line-height, wat wel vaker voorkomt, IE ziet GEEN line-height in een object wat geen inhoud (tekst) bevat, de betere browsers wel. Kortom, verwijder line-height op je #logo en pas hem dan aan zonder de line-height.
Edit: Met line-height verwijderen, bedoel ik hem gewoon op 0 te zetten. Als je dat gedaan hebt en het nog niet werkt, vind ik het vreemd, want bij mij werkt dit wel gewoon.
ps. Sla overigens gewoon een bericht over als je wat nieuws te zeggen hebt, is voor mij moeilijk om te ruiken of je nou een edit hebt gedaan.. :)
