Kein CSS bei Mozilla 1.x ???

[haukeh]

Hallo!

Kann es sein das Mozilla kein CSS-Anzeigen kann?
Habe bei meiner HP Container erstellt bzw. Blöcke die beim IE vernünftig angezeigt werden bei Mozilla jedoch nicht.

Woran kann das liegen??

Gruß Hauke

[Tobias Kloth]

Hallo haukeh,

Kann es sein das Mozilla kein CSS-Anzeigen kann?

natürlich kann der Mozilla css - sogar besser als der IE :-)

Woran kann das liegen??

keine Ahnung - du hast weder Code noch eine URL gepostet.

Grüße aus Nürnberg
Tobias

[haukh]

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.

[Vinzenz]

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

[Hauke]

Hallo!

Erstmal Danke für die schnelle Hilfe!

Beschäftige Dich bitte eingehend mit CSS.

Werde ich dann nochmal in Angriff nehmen.

Den Hover-Effekt mit gelber Schrift auf gelbem Grund finde ich witzig :-)

Wobei wir beim nächsten Prblem wären!

siehe Post [pref:t=80396&m=466717]

Gruß Hauke

[Vinzenz]

Hallo haukeh,

Kann es sein das Mozilla kein CSS-Anzeigen kann?

Nein, das kann nicht sein. Mozilla verfügt über eine ordentliche CSS-Unterstützung.

Habe bei meiner HP Container erstellt bzw. Blöcke die beim IE vernünftig angezeigt werden bei Mozilla jedoch nicht.
Woran kann das liegen??

An Deinem Code (HTML, CSS), von dem wir leider nicht wissen wie er aussieht.
Du hast zwei Möglichkeiten:

[1] Poste einen Link zu Deinem Code.
  [2] Poste den relevanten Teil Deines Codes

Zusätzlich erläutere, wie die Darstellung von Dir gewünscht ist,
d.h. wie der Fehler aussieht.

Freundliche Grüsse,

Vinzenz