Aqua: Bug in Box Model "BOX in BOX" workaround?

Hallo!

Es geht um das vom IE und von manchen Opera versionen
falsch interpretierte  Box Modell.

Gleich vorweg:
Ich hab kein Windows zum testen im IE
und nen alten Opera hab ich auch nimmer.

Es gibt zwar CSS Hacks (Tantek's Hack) aber die sind mir sehr suspekt
und fast eine tickende Zeitbombe.

Daher dachte ich an etwas das eher sicherer ist.
Auch wenn es das "Markup aufbläht"  dachte ich an  Box in Box
                                                   ^^^^^^^^^^

Zu Box in Box  machte ich ein Beispiel,
das ist am Ende meines Postings angefügt.

ich wollte wissen ob das BOX in BOX was ich machte in allen Browsern geht,
und ob das voraussichtlich in der Zukunft auch noch gehen wird,
oder ob das auch so eine Art tickende zeitbombe ist?

Meiner Meinung nach sollte das gehen, oder?
Oder nicht?
Was kann bei meinem Box in Box passieren?

Danke!
Aqua

=========================================================================

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
       "http://www.w3.org/TR/html4/loose.dtd">

<html>

<head>
<title></title>

<style type="text/css">
<!--

#outer
{
width:400px;
padding:0px;
margin:0px;
background-color:#ff0000;
}

#inner
{
margin:0px;
padding:40px;  # WICHTIG ->  40 px padding!!
border:10px dotted black;
background-color:#ffcc00;
}
-->
</style>

</head>
<body>

<div id="outer">
    <div id="inner">
    foobar
    </div>
</div>

</body>
</html>

  1. Tachchen!

    Es gibt zwar CSS Hacks (Tantek's Hack) aber die sind mir sehr suspekt

    Warum dann nicht Simplified Box Model Hack?

    #outer
    {
    width:400px;
    padding:0px;
    margin:0px;
    background-color:#ff0000;
    }

    #inner
    {
    margin:0px;
    padding:40px;  # WICHTIG ->  40 px padding!!
    border:10px dotted black;
    background-color:#ffcc00;
    }

    Ich habe es jetzt nicht ausprobiert, könnte mir aber vorstellen,
    dass es Probleme geben wird, sobald eine Höhe angegeben werden muss.

    Gruß

    Die schwarze Piste

    --
    ie:{ fl:( br:^ va:) ls:# fo:) rl:( n4:& ss:{ de:] js:| ch:? mo:) zu:$
    http://www.smartbytes.de
  2. Hallo!

    Es gibt zwar CSS Hacks (Tantek's Hack) aber die sind mir sehr suspekt
    und fast eine tickende Zeitbombe.

    Glaube ich eher nicht, da selbst MS es sich nicht leisten kann, mit einem neuen
    Browser Millionen von Seiten im Web auszuuschließen, die wegen des EIGENEN
    Box-Modell-Fehlers eben diesen Hack verwenden.

    Daher dachte ich an etwas das eher sicherer ist.
    Auch wenn es das "Markup aufbläht"  dachte ich an  Box in Box
                                                       ^^^^^^^^^^

    Zu Box in Box  machte ich ein Beispiel,
    das ist am Ende meines Postings angefügt.

    Ich habe extra XP gebootet und Dein Modell scheint zu funktionieren.
    Von der Logik her leuchtet es mir auch ein:
    Die Breite der inneren Box ist dann beim IE im Quirka-Modus halt 400px und bei
    modernen Browsern 300px.

    Warum schreibst Du aber *# WICHTIG ->  40 px padding!!*?
    Ich hab leider ein kleineres padding nicht probiert und mag heute XP nicht mehr booten.

    Grüße
    saltun

    1. Hallo,

      Es gibt zwar CSS Hacks (Tantek's Hack) aber die sind mir sehr suspekt
      und fast eine tickende Zeitbombe.

      Glaube ich eher nicht, da selbst MS es sich nicht leisten kann, mit einem neuen
      Browser Millionen von Seiten im Web auszuuschließen, die wegen des EIGENEN
      Box-Modell-Fehlers eben diesen Hack verwenden.

      Tantek's Hack und andere "prominente" Lösungen funktionieren in der klassischen Variante (wohl auch in weiteren Varianten) eigentlich nicht oder nur fehlerhaft.
      Das hat bei den Entwicklern die es gemerkt haben wie auch bei mir zu anderen Lösungen wie auch zu Weiterentwicklungen der koplortierten aber nicht sauber funktionierenden Hacks geführt.
      Vmtl. haben Tantek und Co. mittlerweile etwas nachgebessert, zumal sie wohl entspr. Hinweise auch von anderen Entwicklern, auch mal eine e-Mail von mir, erhalten haben dürften.
      Was bleibt ist, je nach Hack mehr oder weniger, ein Restrisiko hinsichtlich ungetesteter oder neuer Browser.
      Ebenfalls angebracht: Grundsätzliche Skepsis gegenüber Hacks bzw. die Notwendigkeit die Arbeitsweisen und Risiken im Detail abzuschätzen, genauer zu testen und auch kritisch gegenüber etablierter Prominenz zu bleiben.

      Grüsse

      Cyx23

  3. Hi,

    Diese Verschachteling wird als Loesung u. a. bereits hier aufgefuehrt:
    http://www.carsten-protsch.de/zwischennetz/doctype/box_model_bug.html

    Gruesse, Joachim

    --
    Am Ende wird alles gut.
  4. Hi,

    Es gibt zwar CSS Hacks (Tantek's Hack) aber die sind mir sehr suspekt
    und fast eine tickende Zeitbombe.

    eigentlich überhaupt nicht. Ich finde den Tantek-Hack zwar auch sehr unschön, aber er hat den Vorteil, daß er den IE 6 nicht mehr abhält und daher zur Korrektur des Box-Modells für Vorgängerversionen in Seiten, die im standard compliant mode gerendert werden, eingesetzt werden kann.

    ich wollte wissen ob das BOX in BOX was ich machte in allen Browsern geht,

    Dies ist ja eigentlich kein Hack und funktioniert daher problemlos unabhängig vom Box-Modell.

    freundliche Grüße
    Ingo

    1. Hi Ingo!

      Mein Box in Box denkst du wird in keinem Browser Probleme machen,
      oder was denkst Du?

      Danke
      Aqua

      1. Hi,

        Mein Box in Box denkst du wird in keinem Browser Probleme machen

        abgesehen davon, daß diese Methode uralt ist: Ja.

        freundliche Grüße
        Ingo