border i IE vs Mozilla

et bud kunne være hierakiet i din border-collapse der er forskellig - se fx hvad der sker hvis du flytter lidt rundt på dine borders:

    <style type="text/css">
        .menuTable
        {
            border-collapse:collapse;
            font-family:verdana;
            font-size:10px;
        }
        .underMenu
        {
            border-top:1px solid black;
            border-bottom:1px solid black;
            background-color:#DDEEFF;
        }
        .menuItem,.activeMenuItem,.activeMenuItemNoBorder
        {
            border:1px solid black;
            /*border-top:1px solid black;
            border-right:1px solid black;
            border-left:1px solid black;*/
            padding:3px;
        }
        .menuItem
        {
            background-color:#DDEEFF;
        }
        .activeMenuItem
        {
            background-color:#FFFFFF;
            border-top:1px solid black;
            border-right:1px solid black;
            border-left:1px solid black;
            border-bottom:1px solid #DDEEFF;
            padding:3px;
        }
        .activeMenuItem
        {
            background-color:#FFFFFF;
            /*border-bottom:1px solid #DDEEFF;*/
            padding:3px;
        }
        .menuItemSpacer
        {
            border-bottom:1px solid black;
            width:2px;
        }
    </style>

det var da noget mystisk noget ... men nu er det jo som det skal være :-)

var dette en løsning du fandt "by accident", eller har du oplevet dette tidligere ? hvis ja, har du en forklaring på det ?

/nute

har selv haft haft problemmer med at få border-collase til at virke ens i IE og moz, hvad det skyldes kan jeg desværre ikke give dig et dokumenteret svar på, men jeg vil tror at det IE's fejlfortolkning af boksmodellen...

http://www.w3.org/TR/REC-CSS2/tables.html#border-conflict-resolution

nuvel ... nogle ting skal man måske ikke forstå :-)

smid et svar, så er der E-scudos på vej

;o]

svar ;-)

jeg takker mange gange :-)

/nute

selv tak :o)