[CSS] IE geeft vaste hoogte?

[orange.x]

Oke, probleempje,

www.mt.onderdegrond.nl misschien herinneren sommige mensen zich het nog maar dit is een nieuwe site met ook nieuwe problemen

Het gaat hierom:
In IE zie je bij de grijze balk met rondingen een soort extra lege regel en daarna de rest van het vlak. De rest van het vlak begint eerst met een balk, die balk is 7px hoog, maar wordt toch op de een of andere manier hoger weergegeven. Toevallig genoeg is de hoogte van de balk met rondingen exact de hoogte van die witte balk. De hoogte van die grijze balk moet 11 zijn, maar die is dus ongeveer 18 ofzo lijkt het. Net zoals de witte balk dus boven het plaatje.

Hier de CSS voor die grijze balk:

Cascading Stylesheet:

    #banner-hoek-l {
        height: 11px;
        width: 11px;
        background-image: url(../img/hoek-l.png);
        padding: 0px;
        margin: 0px;
        background-repeat: no-repeat;
        float: left;
    }

    #banner-balk-m {
        height: 11px;
        width: 978px;
        background-image: url(../img/balk-m.png);
        padding: 0px;
        margin: 0px;
        background-repeat: no-repeat;
        float: left;
    }

    #banner-hoek-r {
        height: 11px;
        width: 11px;
        background-image: url(../img/hoek-r.png);
        padding: 0px;
        margin: 0px;
        background-repeat: no-repeat;       
        float: right;
    }

De reden van de no-repeat is omdat hij anders in IE blijft vullen in die 18px hoge balk...

En hier de HTML van de grijze balk

HTML:

    <div id="banner-hoek-l"></div>
    <div id="banner-balk-m"></div>
    <div id="banner-hoek-r"></div>

zoals je kan zien is er dus niets mis mee en toch geeft hij het hoger weer. in FF gaat dit gewoon allemaal prima. Waar ligt het probleem?

[ Voor 11% gewijzigd door orange.x op 01-11-2005 16:24 ]

[BtM909]

Heb je geen last van dit probleem: http://www.positionisever...explorer/threepxtest.html

[orange.x]

Nou, als ik last had van een bepaalde breedte die hij toevoegt zeg maar, klopt het nog niet helemaal, stel dat ie 7px toevoegt ofzo ( wat nergens op slaat ) dan zou de witte balk 14 moeten worden ( 7px hoog + die 7 rare px ) maar ook die is 18.

Er zit ook geen text in de div, dus dat kan het ook niet zijn... FF is een kutbrowser, maar laat het wel goed zien, en IE suckt daarin, terwijl IE een browser is die weer meer toe laat eigenlijk.

Hoe stom is dit probleem dan

[Verwijderd]

voeg eens

code:

font-size: 0;

toe aan je banner-hoek divjes

[crisp]

Het is niet zozeer de font-size, maar meer de line-height die opspeelt (hoewel die 2 wel met elkaar verbonden zijn).