IE6 <p> ondermarge - Softwareontwikkeling

vrijdag 2 maart 2007 14:20

Acties:

Verwijderd

Topicstarter

Bij een goochel-sessie liep ik tegen een lastige eigenaardigheid van IE6 aan.

De laatste onder-marge van de p-tags genereert geen onclick event op de <div>. Of de event wordt ergens anders "afgehandeld" en bubblet niet meer verder oid.
De rest van de marges doen wel gewoon mee.
Hetzelfde geldt voor o.a. de onmouseover event. Waarschijnlijk bij wel meer zaken.

Weet iemand hier een workaround of oplossing voor?

FF werkt goed, IE7 geen idee.

HTML:

<HTML>
<head>
    <style>
        #buiten{
            border: 1px solid black;
            padding: 0px;
            margin: 0px;
        }
        p{
            margin: 50px;
            background-color: #EEEEEE;
        }

    </style>
</head>
<script>
function init(){
    document.getElementById( "buiten" ).onclick = dus;
}
function dus( e ){
    e = e || event;
    var src = e.srcElement || e.target;
    alert( 'dus: ' + src.tagName + " id=" + src.id );
}

</script>
<BODY onload="init()">
<div id="buiten">
    <p id="test1">test</p>
    <p id="test2">test</p>
</div>
</BODY>
</HTML>

[ Voor 17% gewijzigd door Verwijderd op 02-03-2007 14:26 . Reden: demo-script gepimped. ]

vrijdag 2 maart 2007 14:59

Acties:

Rekcor

Schrale troost: in IE7 doet hij het goed.

vrijdag 2 maart 2007 15:02

Acties:

crisp

Devver

Pixelated

Dat is een hasLayout gerelateerde bug. Geef je #buiten maar eens expliciet een width:100%

[ Voor 5% gewijzigd door crisp op 02-03-2007 15:02 ]

Intentionally left blank

vrijdag 2 maart 2007 15:08

Acties:

BtM909

Watch out Guys...

Je #buiten heeft geen content (oftewel geen hasLayout). Stop maar een klein beetje content in je buiten div

hasLayout kan je forceren met een geforceerde width

Ace of Base vs Charli XCX - All That She Boom Claps (RMT) | Clean Bandit vs Galantis - I'd Rather Be You (RMT)
You've moved up on my notch-list. You have 1 notch
I have a black belt in Kung Flu.

vrijdag 2 maart 2007 15:09

Acties:

Verwijderd

Topicstarter

Kijk eens aan... merci!

Is dat ook de oorzaak van het wegvallen van de bovenmarge van een p-tag als de div geen border heeft?
(bij dit htmlletje niet helemaal van toepassing, maar dat was een ander probleem met hetzelfde experiment)

vrijdag 2 maart 2007 15:32

Acties:

crisp

Devver

Pixelated

Verwijderd schreef op vrijdag 02 maart 2007 @ 15:09:
Is dat ook de oorzaak van het wegvallen van de bovenmarge van een p-tag als de div geen border heeft?

Nee, margin-collapsing (zo heet dat) is gedefinieerd behaviour (hoewel op veel punten wel buggy in IE).

Intentionally left blank