haukh: Kein CSS bei Mozilla 1.x?

Beitrag lesen

Also hier der Quellcode:

<style type="text/css">
<!--

a:link { color:#0000ff; text-decoration:none; }
 a:visited { color:#0000ff; text-decoration:none;  }
 a:active { color:#0000ff; }
#box1 { position:absolute; top:140px; right:25px; width:225px; height:20px; z-index:1; }
#box2 { position:absolute; top:170px; right:25px; width:225px; height:18px; z-index:1; }
#box3 { position:absolute; top:193px; right:25px; width:225px; height:20px; z-index:1; }
#box4 { position:absolute; top:260px; right:25px; width:225px; height:20px; z-index:1; }
#box5 { position:absolute; top:289px; right:25px; width:225px; height:18px; z-index:1; }
#box6 { position:absolute; top:312px; right:25px; width:225px; height:20px; z-index:1; }
#box7 { position:absolute; top:370px; right:25px; width:225px; height:20px; z-index:1; }
#box8 { position:absolute; top:395px; right:25px; width:225px; height:20px; z-index:1; }

-->
</style>

<div id="box1" style="background=#FFFFFF; border:solid 1px #858585;">
 <p align="center"><font face="Verdana" color="#0000FF" size="2"><b><u>Neuigkeiten:</u></b></p>
</div>

<div id="box2" style="background=#FFFFFF; border:solid 1px #858585;">

<div >
   <table border="0" cellpadding="0" cellspacing="2" width="100%">
     <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>
   </table>
 </div>

</div>

<div id="box3" style="background=#FFFFFF; border:solid 1px #858585;">

<div>
 <table border="0" cellpadding="0" cellspacing="2" width="100%">
     <tr>
       <td width="100%" valign="middle" align="justify">
 <font color="#0000FF" face="Verdana" size="1">Bericht zur
 Jahreshauptversammlung der FF Negernbötel.<br>
        <a href="aktuelles/neues/index.htm"><u>[mehr...]</u></a></font>
       </td>
     </tr>
   </table>
   </div>
</div>

<div id="box4" style="background=#FFFFFF; border:solid 1px #858585;">
 <p align="center"><font size="2" face="Verdana" color="#0000FF"><b><u>Aktuelle Einsätze:</u></b></font>

</div>

<div id="box5" style="background=#FFFFFF; border:solid 1px #858585;">

<div>
           <table border="0" cellpadding="0" width="100%" cellspacing="2">
  <tr>
               <td width="33%"><b><p align="left"><a href="einsaetze/einsaetze2004/einsaetze01.htm#leinsatz"><font color="#FF0000" size="1" face="Verdana">02.04.2004</font></a></b></p>
  </td>
               <td width="34%"><b><p align="right"><a href="einsaetze/einsaetze2004/einsaetze01.htm#leinsatz"><font color="#FF0000" size="1" face="Verdana">20:35 Uhr</font></a></b></p>
  </td>
               <td width="33%"><b><p align="right"><a href="einsaetze/einsaetze2004/einsaetze01.htm#leinsatz"><font color="#FF0000" size="1" face="Verdana">FeuKl</font></a></b></p>
  </td>
             </tr>
           </table>
          </div>
</div>

<div id="box6" style="background=#FFFFFF; border:solid 1px #858585;">

<div>
 <table border="0" cellpadding="0" width="100%" cellspacing="2">
 <tr>
   <td width="100%" valign="middle"><font size="1" face="Verdana" color="#0000FF"><p align="justify">Anlass der Alarmierung war
       ein nicht angemeldetes Buschfeuer.<br>
        <a href="einsaetze/einsaetze2004/einsaetze01.htm#leinsatz">
 <u>[mehr...]</u></a></font>
       </td>
     </tr>
 </table>
 </div>
</div>

<div id="box7" style="background=#FFFFFF; border:solid 1px #858585;">

<div>
           <table border="0" cellpadding="0" width="100%" cellspacing="2">
  <tr>
               <td width="33%"><b><p align="left"><a href="einsaetze/einsaetze2004/einsaetze01.htm#vleinsatz"><font color="#FF0000" size="1" face="Verdana">11.01.2004</font></a></b></p>
  </td>
               <td width="34%"><b><p align="right"><a href="einsaetze/einsaetze2004/einsaetze01.htm#vleinsatz"><font color="#FF0000" size="1" face="Verdana">04:00 Uhr</font></a></b></p>
  </td>
               <td width="33%"><b><p align="right"><a href="einsaetze/einsaetze2004/einsaetze01.htm#vleinsatz"><font color="#FF0000" size="1" face="Verdana">FeuGr</font></a></b></p>
  </td>
             </tr>
           </table>
          </div>
</div>

<div id="box8" style="background=#FFFFFF; border:solid 1px #858585;">

<div>
 <table border="0" cellpadding="0" width="100%" cellspacing="2">
 <tr>
   <td width="100%" valign="middle"><font size="1" face="Verdana" color="#0000FF"><p align="justify">Es brannte der Dachstuhl
       eines Reedachhauses am Ihlsee in Bad Segeberg.<br>
        <a href="einsaetze/einsaetze2004/einsaetze01.htm#vleinsatz">
 <u>[mehr...]</u></a></font>
       </td>
     </tr>
 </table>
 </div>
</div>

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".

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.