nicht angemeldet
Hallo!
Ich kaue gerade an einem (kleinen) Darstellungsproblem in Mozilla (win1.4) und Netscape (win6.2 und höher) herum. Das Code-Beispiel (bzw. der relevante Auschnitt) steht unten und kann hier betrachtet werden:
Beispiel 1: http://www.polylog.org/trial/1/trial-div.htm
Beispiel 2: http://www.polylog.org/trial/1/trial-table.htm
Problem ist, dass Mozilla nicht den angegeben Abstand von 40px zwischen Ende der Anmerkungen und der Überschrift "Autor" einhält (=Beispiel 1). Setze ich den Abschnitt "Anmerkungen" in eine Tabelle (statt einem Div), funktioniert's (=Beispiel 2). IE (6.0) und Opera stellen es immer (halbwegs) korrekt dar.
Hat jemand eine Idee, an was das liegen könnte? Ist es ein kleiner Bug oder habe ich unsauberes HTML bzw. CSS fabriziert? Für jeden Tipp bin ich sehr dankbar.
Viele Grüße
Bertold Bernreuter
_________________________________________________
Hier der Code zum Problem (=Beispiel 1):
<!doctype html public "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Trial</title>
<style type="text/css">
<!--
body { background-color:#FFFFFF; color:#000000; min-width:610px; }
.AuthorAddress { font-family:Arial,Helvetica,Sans Serif; font-size:11px; font-style:normal; line-height:13px; width:423px; margin-top:10px; margin-bottom:50px; margin-left:187px; color:#666666; text-align:left; }
.AuthorInfo { font-family:Arial,Helvetica,Sans Serif; font-size:12px; color:#666666; line-height:15px; margin-left:25px; text-align:justify; }
.Bibliography { font-family:Arial,Helvetica,Sans Serif; font-size:12px; color:#666666; line-height:15px; margin-bottom:12px; margin-left:50px; text-align:justify; text-indent:-25px; }
.Center { text-align:center; }
.DivStandard { width:610px; margin-left:auto; margin-right:auto; clear:both; }
.HeadingThem { font-family:Arial,Helvetica,Sans Serif; font-size:16px; font-style:italic; font-weight:bold; color:#FFB643; margin-top:40px; margin-bottom:15px; text-align:left; }
.NotesPosition { width:610px; clear:both; }
.NotesLink { font-family:Arial,Helvetica,Sans Serif; font-size:11px; line-height:13px; background-color:#E8E6E2; }
.NotesNumber { font-family:Arial,Helvetica,Sans Serif; font-size:11px; float:left; clear:both; width:42px; margin-top:2px; margin-right:8px; text-align:right; }
.NotesText { font-family:Arial,Helvetica,Sans Serif; font-size:12px; color:#666666; line-height:15px; float:right; width:560px; margin-bottom:12px; text-align:justify; }
.TableStandard { width:610px; margin-left:auto; margin-right:auto; border-spacing:0px; border-style:none; padding:0px; empty-cells:show; }
-->
</style>
</head>
<body>
<div class="Center">
<!--start bibliography-->
<div class="DivStandard">
<h3 class="HeadingThem"><a name="sb">Literatur</a></h3>
<div class="Bibliography">
Text Text Text Text Text Text Text Text Text Text Text Text Text Text.
</div>
</div>
<!--end bibliography-->
<!--start notes-->
<div class="DivStandard">
<h3 class="HeadingThem"><a name="sn">Anmerkungen</a></h3>
<div class="NotesPosition">
<div class="NotesNumber">
<a href="#r1" name="f1" class="NotesLink"> 1 </a>
</div>
<div class="NotesText">
Text Text Text Text Text Text Text Text Text Text Text Text Text Text. <a href="#r1"><img src="../../src/goup.gif" width="12" height="8" border="0" alt="go back"></a>
</div>
</div>
<div class="NotesPosition">
<div class="NotesNumber">
<a href="#r2" name="f2" class="NotesLink"> 2 </a>
</div>
<div class="NotesText">
Text Text Text Text Text Text Text Text Text Text Text Text Text Text. <a href="#r2"><img src="../../src/goup.gif" width="12" height="8" border="0" alt="go back"></a>
</div>
</div>
</div>
<!--end notes-->
<!--start author-->
<div class="DivStandard">
<h3 class="HeadingThem"><a name="sa">Autor</a></h3>
<div class="AuthorInfo">
Text Text Text Text Text Text Text Text Text Text Text Text Text Text.
</div>
<address class="AuthorAddress">
Text<br>
</address>
</div>
<!--end author-->
</div>
</body>
</html>