✔ Div größe ist unterschiedlich im IE und Firefox

[MadCrusher]

Ich habe ein Problem!
Sorry wenn ich das Thema übersehen habe aber hab schon nach gesucht und nicht ganz das richtige gefunden...

Habe ein Div-Frame für eine Site erstellt und das ganze auch im firefox immer angeschaut!
Da läuft auch alles wunderbar... letztens hab ich es mal im IE betrachtet und gesehen das dsa richtig dumm aussieht und nicht die selbe größe hat...

Pic Firefox
Pic IE

und hier der Css-Code den ich verwende:

  #MD_Recbox{
  	color:#ffffff;  
  	font-size:12px;
  	font-family:Arial;
  	text-align:center;
  	vertical-align: baseline;
  	
  	padding:4px;
     
  	overflow:none;
  	
  	width:780px;
  	height:44px;
  }

Bitte um Hilfe

 

[Gumbo]

Die Ursache der unterschiedlichen Darstellung ist wahrscheinlich der Internet-Exploxer-Box-Modell-Bug.

 

[MadCrusher]

Gibt es denn einen Trick wie ich es hinbekomm das beide gleich aussehen?
Wenn das so bleibt ist es ja häßlich....

 

[Maik]

Gibt es denn einen Trick wie ich es hinbekomm das beide gleich aussehen?

Vermutlich fehlt dem Dokument eine Doctype-Deklaration, weshalb der IE im sog. Quirks-Mode läuft und das Boxmodell falsch interpretiert.

Entferne mal die padding-Angaben für das DIV und vererbe sie an ein Element, das den Text enthält, z.B. einem Textabsatz:

div#MD_Recbox p
{
padding: 4px;
}

 

[MadCrusher]

Ah.. danke! ;-)

nun gehts....

Diese nicht einheitlichen Browser hasse ich....
Wieso es einfach machen wenns auch anders geht

Aber großes THX

 

[Maik]

Ah.. danke! ;-)

nun gehts....

Dann markiere das Thema bitte durch einen Klick auf den 'Status-Button' als 'erledigt'.

Vielen Dank