Margins mit IE und Firefox

[DH_Vie]

Hi!

Also ich habe folgendes Problem:
Ich hab ein div das 280x253 px ist und will darin flash movies reinladen welche alle 270x243px groß sind. Ich hab die box größer gemacht weil ich einen border drum herum habe und eben wollte das ich noch 5px margins auf allen 4 seiten haben kann.

der code mit style sheet sieht so aus:

HTML:

<div id="Videobox">
     <div id="Video">
          <object ......width="270" height="243" ....> </object>
     </div>
</div>

CSS:

#Videobox{
 width:280px;
 height:253px;
 padding: 0 0 0 0;
}

#Video{
 margin: 5px 5px 5px 5px;
 padding: 0 0 0 0;
}

nun ist es allerdings so das sie in IE6 und Firefox (neueste Version) recht verschieden angezeigt werden, in Firefox passt alles so wies sein sollte und in IE ist alles nach rechts verschoben, siehe hier:
http://www.dhvie.com/csspositioning.gif

Ich bin dankbar für alle Tipps

mfg
DH_Vie

 

[Maik]

Bei mir stimmen die Abstände im IE6 (OS: Win2k), wie in der angehängten Grafik zu erkennen ist.

Du hast da den Doppelpunkt nach der height-Eigenschaft vergessen.

Spoiler

.

 

[DH_Vie]

der Code is kein Direkter Copy-Paste von der .css datei, desswegen der fehler, daber aber nicht im Original war. Hab das auch im Thread schon korrigiert.

Naja, es sollte auch so wie ich es gemacht hab alles passen, denn es ist ja verwunderlich dass das margin-top im IE visuell sichtlich kleiner dagestellt ist als das margin-left, obwohl das style sheet ja vorgibt das beide 5px sein müssen. Desswegen hab ich mich an euch gewand, weil ich dafür keine lösung finde