Original von DukeXP
Die Zentrierung der DIV-Bereiche funktioniert nicht (gibt's da eine andere Möglichkeit?)
Das liegt daran, dass man mit
text-align nur "inline"-Elemente zentrieren kann und keine "block"-Elemente wie div. Das Verhalten des Internet-Explorers ist also eine Fehlinterpretation, die Darstellung im Netscape ist die korrekte Darstellung.
Hier gibts ein Workaround (dass das css-Workaround beim NS nicht funktioniert, liegt diesmal aber am NS).
Die Breite des "Basis-Bereichs" (weißer Hintergrund) ist bei Netscape größer (warum denn das? *grübel

)
Und wieder interpreriert der IE(und du auch

) den CSS-Code falsch. Um ein 640Pixel breites Element zu erhalten, musst du den Innenabstand(padding) und den Rand(border) von der gewünschten Breite abziehen(din die 640px gelten nur für den
content-Bereich der Box)
Das gewünschte Ergebnis erziehlst du mit:
|
Quellcode
|
1
2
3
4
5
6
7
8
9
10
11
12
|
#layout {
width: 640px;
padding: 30px;
background-color: #FFFFFF;
border: 2px solid #000000;
}
div[id="layout"] /* Verstecken vor IE*/ {
width: 576px;
padding: 30px;
background-color: #FFFFFF;
border: 2px solid #000000;
}
|