nicht angemeldet
Hai,
ich möchte das zwischen dem A | B | C und dem Logo etwas mehr Abstand ist. Sollte margin-top:100px; im #header nicht bewirken, dass die Schrift 100px vom oberen Bildschirmrand weg ist?
Das hatte ich vor und so macht der IE es auch. Nur im Firefox klappt es nicht. Was mache ich falsch?
<style type="text/css">
body {font-family: Verdana, Arial, Helvetica, Geneva, sans-serif; }
#address { text-align: center; margin-top: 5px; font-size: 0.8em; }
#header { clear: right; text-align: center; margin-top: 100px; font-size: 1.5em; color: #cc0000; }
#logo { float: right; height:70px; }
#tippspiel { text-align: center; margin-top: 10px; }
#welcome { text-align: center; margin-top: 5px; }
</style>
</head>
<!-- beginn of body -->
<body>
<img id="logo" src="img/banner.jpg" width="370" height="70" alt="der banner" />
<div id="header">A | B | C</div>
<div id="tippspiel"><img src="img/tippspiel.gif" alt="Tippsiel" /></div>
<div id="welcome">
<h3>Herzlich Willkommen!</h3>
<a href="php/home.php?lang=de">Deutsch</a> |
<a href="php/home.php?lang=en">English</a> |
<a href="php/home.php?lang=es">Espanol</a> |
<a href="php/home.php?lang=it">Italiano</a> |
<a href="php/home.php?lang=nl">Nederlands</a> |
<a href="php/home.php?lang=el">Greek</a>
</div>
<div id="address">
Testweg 1<br />
12345 Testhausen<br />
Testland<br />
<img src="img/emails/webmaster.png" alt="" /></div>
</body>
</html>