nicht angemeldet
Hallo zusammen,
ich habe hier ein Problem mit der unterschiedlichen Interpretation von CSS Angaben im IE7 und FF2.
Gegeben ist folgender HTML Code:
<html>
<head></head>
<body>
<div align="center">
<div style="width:600px;padding:15px;background-color:#FF0000;">
<div style="width:100%;background-color:#0000FF;">Test</div>
</div
</div
</body>
</html>
Im IE7 wird nun der äußere Div Block in einer Breite von 600px dargestellt. Der innere Block, der mit einer Breite von 100% definiert ist, belegt bedingt durch die Padding Angabe eine Breite von 570px.
Im FF wird der äußere Block jedoch mit 630px ausgegeben und der innere erhält eine Breite von 600px, was meiner Ansicht nach falsch ist, da ich für den äußeren Block ja eine feste Breite von 600px vorgegeben habe.
Ist dieses Verhalten ein Fehler vom FF2? Oder doch vom IE? Und wie kann das Problem gelöst werden, dass beide Browser sich gleich verhalten? Gibt es noch weitere CSS Angaben, mit denen ich sicherstellen kann, dass der äußere Block definitiv nur 600px breit sein wird?
Schonmal vielen Dank für Eure Unterstützung!
Grüße
Preachie