Thomas J.S.: Katastrophe mit Netscape und style-sheets

Beitrag lesen

Hallo Karl!

Wie kriege ich das in beiden Browsern genauso hin?

mfg
Karl

--------Beisskante------------------
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head><title>Untitled</title>
<style type="text/css" >
body  {position:absolute;top: 0px;left: 0px;margin:0px;margin-top:0px;margin-bottom:0px;background-color:#C0C0C0;}
div,span  {font-family:Geneva,Verdana,Arial;font-size:9pt;color:black;margin-top:6pt;margin-left:2pt;}
.pt10  {font-size:10pt;}
.pt14  {font-size:14pt;}
#white {color : white;}
</style></head>
<body>
<DIV><b><i>font-family:Geneva,Verdana,Arial;font-size:9pt;color:black;margin-top:6pt;margin-left:2pt</i></b> Dummytext. dies ist ein dummytext <span class="pt14" id="white">Dies ist mit span formatiert </span> Warum macht Tiramisu so dick? Und warum schmecken saure Gurken so?</div>
</body>
</html>
------------Beisskante----------------------------

Frage 1:
Warum formatierts du <body> mit 'position:absolute;' ?
Frage 2:
mit 'margin:0;' hast du bereits alle margins auf 0 gesetzt, wozu die andern Angaben? (wie dem auch sei, dies verursacht keine Fehler)

Erklärungsversuch:
du hast für <span> margins definiert. Margins sind eigentlich für Boxen gedacht. (<span> ist ein inline-element) Bei der interpretation von span unterscheiden sich der IE und NS voneinander z.B.der IE macht keine border um span und reagiert auch nicht auf margins!
Der NS behandelt <span> hingegen als box-element. Deshalb nimmt er auch margins so wie sie gemeint sind: also 6pt von oben und 2pt von links zum VORANGEHENDEN Element.

Wenn du also <span> von margins freimachst, hast du im beiden Borwser as selbe Bild.

Grüße
Thomas