Rahmenproblem

[R.Carlos]

Hallo,
ich habe über css einen Rahmen für mein DIV erstellt. Es soll dabei eine Breite von 500 px haben. Innerhalb diese TAGs will ich ein Bild Platzieren. Dieses hat auch die Breite von 500 px.
Mein Problem...
Im IE sieht es soweit ok aus. Im Firefox ist die rechte Rahmenlinie weg.
Sag ich meiner CSS Sie soll auf 502 px (für jede Seite 1 px für den Rahmen) sieht die Anzeige im Firefox gut aus. Im IE allerdings lässt er mir einen 2 px großen Abstand zwischen Bild und rechten Rahmen.

Was muss ich machen, um auf beiden Browsern eine einheitliche Darstellung zu bekommen? Hat jemand ne Idee?

Gruß
R.Carlos

[webmichl]

css-Code:

div { width: 500px; border: 1px solid black; }
html>body div { width: 502px; }

html>body kann der FF umsetzen, der IE kennt's nicht - ignoriert's also.

[R.Carlos]

danke für die schnelle Antwort...

kann ich das html>body div { width: 502px; }
einsetzen wenn ich das Stückchen Quelltext in eine Bestehende Seite integrieren möchte? Oder wirft er mir für die ganze Seite dann eine breite von 502 px aus?

Gruß
R.Carlos

[webmichl]

Du kannst dem DIV eine ID geben - dann beziehen sich die Angaben nur auf dieses Objekt:

#bilderrahmen { width: 500px; border: 1px solid black; }
html>body #bilderrahmen { width: 502px; }


...


<div id='bilderrahmen'>....</div>

[R.Carlos]

ahhh super...
Vielen Dank für deine Hilfe. Hat alles funktioniert.
Danke