[CSS] IE/MAC dubbele padding bij vergelijkbare class-namen* - Softwareontwikkeling

donderdag 15 december 2005 12:09

Acties:

Verwijderd

Topicstarter

ik heb deze code:

code:

<html>
<head>
    <title>classnames</title>
    <style type="text/css">
    .boxinner {
        padding:0 0 0 50px;
        background:#f90;
    }
    </style>
</head>
<body>
<div class="box">
    <div class="boxinner">
        <p>Hier wat tekst.</p>
    </div>
</div>
</body>
</html>

ik krijg dan op ie/mac netjes een padding van 50px. Als ik echter een tweede class wil toekennen aan de buitenste div

code:

<html>
<head>
    <title>classnames</title>
    <style type="text/css">
    .boxinner {
        padding:0 0 0 50px;
        background:#f90;
    }
    </style>
</head>
<body>
<div class="box nogwat">
    <div class="boxinner">
        <p>Hier wat tekst.</p>
    </div>
</div>
</body>
</html>

verdubbelt de padding. het vreemde is dat dit alleen gebeurt wanneer het begin van de classname van boxinner overeenkomt met de classname van box. wanneer ik de classname van boxinner wijzig, verdwijnt het probleem weer:

code:

<html>
<head>
    <title>classnames</title>
    <style type="text/css">
    .aboxinner {
        padding:0 0 0 50px;
        background:#f90;
    }
    </style>
</head>
<body>
<div class="box nogwat">
    <div class="aboxinner">
        <p>Hier wat tekst.</p>
    </div>
</div>
</body>
</html>

Voor het probleem maakt het niet uit of de classes box en nogwat gedefinieerd zijn of niet.
het valt natuurlijk wel te omzeilen door je classnames hierop af te stemmen, maar kent iemand dit probleem?

donderdag 15 december 2005 12:37

Acties:

BtM909

Watch out Guys...

Topictitel iets beschrijvender gemaakt

Zit je probleem hiertussen: http://www.macedition.com/cb/ie5macbugs/

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.

donderdag 15 december 2005 13:07

Acties:

Verwijderd

Topicstarter

Nee. Ook op bijvoorbeeld position is everything kom ik hem niet tegen.

donderdag 15 december 2005 13:23

Acties:

crisp

Devver

Pixelated

Lijkt me overduidelijk een bug. Bedenk echter dat IE/Mac hoogbejaard is en sowieso al een pile of bugs was. Microsoft doet er niets meer mee en hopelijk sterft deze browser snel uit.
Aangezien je zelf al een workaround gevonden hebt lijkt het me ook niet problematisch toch?

Intentionally left blank