nicht angemeldet
Hallo haukh,
#box1 { position:absolute; top:140px; right:25px; width:225px; height:20px; z-index:1; }
...
weitere dieser Art ...
#box8 { position:absolute; top:395px; right:25px; width:225px; height:20px; z-index:1; }
Ich vermute, Deine Höhenangabe wird von Mozilla korrekt interpretiert, siehe http://selfhtml.teamone.de/css/eigenschaften/positionierung.htm#height.
<div id="box1" style="background=#FFFFFF; border:solid 1px #858585;">
----------------------------------^
Hier sollte ein Doppelpunkt stehen (bei allen anderen div gleiches Problem)
Alle anderen background-Eigenschaften werden auf ihre Standardwerte gesetzt,
was bei Dir allerdings irrelevant ist.
<p align="center"><font face="Verdana" color="#0000FF" size="2"><b><u>Neuigkeiten:</u></b></p>
Dieses <p> sorgt dafür, dass Neuigkeiten unter der von Dir vorgesehenen Box steht.
Auf <font> solltest Du verzichten, dafür gibt es in CSS Angaben zur Schriftformatierung,
siehe http://selfhtml.teamone.de/css/eigenschaften/schrift.htm
Ich persönlich würde hinter den unterstrichenen Überschriften Links vermuten.
...
<div id="box2" style="background=#FFFFFF; border:solid 1px #858585;">
<div >
Hier packst Du zunächst einen überflüssigen zweiten <div> hinein
<table border="0" cellpadding="0" cellspacing="2" width="100%">
und jetzt noch eine noch überflüssigere einzellige Tabelle
<tr>
<td width="100%">
<p align="left"><a href="aktuelles/neues/index.htm"><font face="Verdana" color="#FF0000" size="1"><b><u>14.02.2004:</u></b></font></a></p>
</tr>
...
Ich habe nun die relevanten Teile hier eingefügt.
Es sollen Jeweils Boxen bzw. Rechtecke sein in denen sich der Text befindet mit weißem Hintergrund.
Der IE funktionert alles. Dort werden die Rechtecke auch automatisch nach größe des Testes angepasst. Bei Mozilla passiert gar nichts. Dort sind zwar Reachtecke mit grauem Rand zu sehen aber ohne Hintergund bzw. Textinhalt. Dieser steht vor den Rechtecken rechtsbündig "in der Landschaft rum".
Der IE interpretiert die CSS-Angaben falsch, Mozilla macht es richtig,
wenn auch nicht so wie von Dir gewünscht.
Warum sollte ein Browser die Höhe eines divs ändern, wenn Du diese fest
vorgibst? Macht hier IE, nicht aber Mozilla.
Warum sollte ein Browser ein div wo anders positionieren, als Du es
vorgibst? Macht hier IE, nicht aber Mozilla.
Beschäftige Dich bitte eingehend mit CSS.
Als Beisp zu sehen auf www.hhammerich.de/ffnhp
Dort hatte ich es mit Rechtecken die Tabellen enthalten gelöst. Bloß hier war der Nachteil das diese immer rechts über den Rand ragten.
Den Hover-Effekt mit gelber Schrift auf gelbem Grund finde ich witzig :-)
Freundliche Grüsse,
Vinzenz