Der Martin: body != div#body

Beitrag lesen

SELF-Forum

body != div#body

Der Martin
– Informationen zu den Bewertungsregeln

Hi,

Habe deine Empfehlung ausprobiert:

ich auch, und ich komme zu einer anderen Erkenntnis als du.

Für body klappt margin-xx:auto offenbar nicht (Firefox, Opera), klebt am linken Rand des Viewports.

Seltsam. Ich habe das Minimalbeispiel um unterschiedliche background-colors für html und body ergänzt, damit man die Bereiche auch erkennt:

<html>  
<head>  
<title>Demo</title>  
<style type="text/css">

html  
 { background-color: #555;  
 }  
body  
 { width: 100%;  
   max-width: 250mm;  
   margin: 24px auto;  
   position: relative;  
   background-color: #AAA;  
 }

</style>  
</head>  
  
<body>  
<p>Lorem ipsum ...<br>  
und wie das ganze Zeugs noch so heißt ...<br>  
Viel Text ...<br>  
bla blah ...</p>  
</body>  
</html>

Liefert bei mir sowohl in Opera 12.15 als auch im Firefox 20.0 das erwartete Ergebnis: Ein in der Breite begrenzter, horizontal zentrierter body.
Wenn das bei dir anders ist, müssen da noch andere Dinge mit hineinspielen, die wir im Moment nicht betrachtet haben.

So long,
 Martin

--
Die späteren Ehen sind oft glücklicher als die erste, weil das natürliche Ende bereits absehbar ist.
  (George Bernhard Shaw)
Selfcode: fo:) ch:{ rl:| br:< n4:( ie:| mo:| va:) de:] zu:) fl:{ ss:) ls:µ js:(
Beitrag melden
–
Informationen zu den Bewertungsregeln