Text in Box; IE - FF unterschiede ausgleichen

Status
Nicht offen für weitere Antworten.

Grille

Erfahrenes Mitglied
hallo,

ich habe das problem, dass FF einen goßen oberen Abstand zwischen einem Text und der Oberkante einer Divbox einfügt, was IE nicht macht.

Gibt es eine Lösung damit die Schriften einheitlich dargestellt werden?

HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns='http://www.w3.org/1999/xhtml' xml:lang='de' lang='de'>
<head>
 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 <title>20080616_test_css_type_in_boxes</title>
 <style type="text/css">
 <!--
  h1{ font-size:0.8em; line-height: 1.2em; font-family: verdana, Arial; color:#08729e;}
  p{ font-size:0.8em; line-height: 1.2em; font-family: verdana, Arial; margin-left: 1em;}
  .box_001 {width:300px; height:200px; border: 2px solid #ff0018; background-color: #aaa;}
 -->
 </style>
</head>
<body>
 <div class='box_001'>
  <h1>
   Das ist ein Testtext.
  </h1>
 </div>
</body>
</html>
 
Hi,

oder global mit dem Universalselektor * für alle im Dokument enthaltende Elemente, denn es gibt noch weitere Elemente, die in den Browsern unterschiedliche Initialwerte für die Polsterungseigenschaften besitzen:

Code:
* {
margin:0;
padding:0;
}
mfg Maik
 
Status
Nicht offen für weitere Antworten.
Zurück