Supportnet / Forum / Webseiten/HTML
Haarlinien - Darstellung mit Mozilla / Netscape
Frage
Ich poste hier nochmal mein Problem mit der Darstellung von Tabellen mit Mozialla. Irgendwie bin ich noch nicht weitergekommen. Aber nun hab ich auch ein Beispiel gefunden: Guckt Euch doch bitte mal die Seite [url]http://www.q-palace.de/start.php[/url] an. Dort ist der Effekt sehr schön zu sehen: Im Mozilla erscheinen dicke, rote Linien, in Opera oder IE nur ganz dünne ... die Durchsicht des Quellcodes hat mir nicht geholfen, ich hätte das genauso gemacht ... aber wieso geht das im Mozilla nicht? Oder anders: Was ist für die Optimierung für die Mozilla-Engine zu beachten?
Antwort 1 von semi
Hi,
Auf der von Dir genannten Seite ist es wie folgt:
Eine 1px hohe rote Tabellenzelle mit einer transparenten Grafik drin (wozu auch immer)
Die unterschiedlichen Browser haben andere Voreinstellungen, wie das Spacing und Padding aussieht, daher erscheint es mal dicker mal normal.
Die beste Lösung für sowas ist das Attribut border in CSS.
Gruß,
Michael
Auf der von Dir genannten Seite ist es wie folgt:
Eine 1px hohe rote Tabellenzelle mit einer transparenten Grafik drin (wozu auch immer)
Die unterschiedlichen Browser haben andere Voreinstellungen, wie das Spacing und Padding aussieht, daher erscheint es mal dicker mal normal.
Die beste Lösung für sowas ist das Attribut border in CSS.
<table width="200">
<tr>
<td style="border:1px solid red;border-width:1px 0px;">
Hallo
</td>
</tr>
<table>Gruß,
Michael
Antwort 2 von sutadur
Danke, danke ... das isses! :o)
Antwort 3 von Cloud_X
Das Problem bei semi's Lösung ist aber, dass Netscape 4x den Style Tag ignoriert!
Eine Kombination von beiden würde auch gehen. Müsste aber als Ergebnis eine etwas dickere Linie ergeben meine ich:
<td style="border:1px solid red;border-width:1px 0px;" width="285" height="1" bgcolor="#D54C1B"><img src="img/space.gif" width="1" height="1" border="0" alt=""></td>
Man könnte dazu jetzt noch eine Browserabfrage via JavaS. machen um die entsprechende Variante für den jew. verw. Browser zu benutzen. Ist aber ein bisschen viel Ausfwand wenn Du nicht unbedingt drauf angewisen bist.
Ich denke aber das es noch eine andere Möglichkeit gibt....
Eine Kombination von beiden würde auch gehen. Müsste aber als Ergebnis eine etwas dickere Linie ergeben meine ich:
<td style="border:1px solid red;border-width:1px 0px;" width="285" height="1" bgcolor="#D54C1B"><img src="img/space.gif" width="1" height="1" border="0" alt=""></td>
Man könnte dazu jetzt noch eine Browserabfrage via JavaS. machen um die entsprechende Variante für den jew. verw. Browser zu benutzen. Ist aber ein bisschen viel Ausfwand wenn Du nicht unbedingt drauf angewisen bist.
Ich denke aber das es noch eine andere Möglichkeit gibt....