Dachte IE 8 würde Box-Modell richtig interpretieren ... fehle ich etwas?

Ich dachte, IE 8 Art der Anzeige von Sachen ist jetzt in Bezug auf das W3C Box-Modell, aber nur erkannt, dass es nicht. Ich möchte einen globalen Wrapper für meine Inhalte verwenden, der effektiv 772 Pixel breit ist (versucht, das Darstellungsfeld eines 800 Pixel breiten Bildschirms zu optimieren), aber eine innere Auffüllung von 20 Pixeln auf jeder Seite bietet. Wäre das nicht wie das folgende Snippet aussehen?Dachte IE 8 würde Box-Modell richtig interpretieren ... fehle ich etwas?

#content { 
     padding: 20px; 
     width: 772px; 
     left: 50%; 
     margin-left: -386px; 
} 
/* IE 7 */ *:first-child+html #content { width: 732px; }

Irgendwie ist es nicht ... Bitte helfen Sie mir! Ich bin total verwirrt von diesem ganzen IE-Ding. Ich dachte, die Definitionen für einen IE 8 müssten genauso wie für normale Browser eingestellt werden, aber wiederum erweitern Padding-Werte die Breite des Elements. Was vermisse ich? Könnte eine DTD das Problem sein? Ich benutze Gangstyp wie folgt:

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

Vielen Dank im Voraus, Frank

Quelle

2012-03-26 Circuit Circus

put dieser Code in jsfiddle – Jack

Versuchen Sie, die Hülle zu Ansichtsfenster zu zentrieren? Funktionierts:

#content { 
     padding: 20px; 
     width: 772px; 
     margin: auto; 
     -ms-box-sizing: border-box; 
     box-sizing: border-box; 
    }

Soweit ich weiß, das Standard-Sizing-Modell ist das sehr eingängig Content-Modell, und Sie haben die box-sizing Regel zu setzen, es zu bekommen Box-Modell.

http://quirksmode.org/css/box.html

Quelle

2012-03-26 12:27:18 Anthony

Vielen Dank, Anthony! Die Positionierung in der Mitte war kein Problem, sondern die genaue Breite des Elements. Wirklich wusste nichts über diese "Box-Sizing" -Ding überhaupt, aber es hilft perfekt! –

Dachte IE 8 würde Box-Modell richtig interpretieren ... fehle ich etwas?

Antwort

Verwandte Themen