Firefox zeigt Tabellenrahmen an, alle anderen Browser nicht
john_wesley
- html
Guten Tag,
ich habe lange gesucht und vieles ausprobiert, aber keine Lösung für mein Problem gefunden.
So sieht der Footer meiner Seite aus (eingefügt in das Feld "Fußzeile" bei Drupal):
<table frame="void">
<colgroup>
<col width="80"></col>
<col width="740"></col>
<col width="80"></col>
</colgroup>
<tr>
<td align="left"><a href="http://validator.w3.org/check?uri=referer"><img src="http://www.w3.org/Icons/valid-xhtml10" alt="Valid XHTML 1.0 Strict" height="31" width="88" /></a></td>
<td align="center">© 2010 meine-domain.de</td>
<td align="right"><a href="http://jigsaw.w3.org/css-validator/check/referer"><img style="border:0;width:88px;height:31px" src="http://jigsaw.w3.org/css-validator/images/vcss" alt="CSS ist valide!" /></a></td>
</tr>
</table>
Es sollen KEIN Rahmen und auch KEINE Linien der Tabelle angezeigt werden. In allen Browsern funktioniert das wunderbar. Nur im Firefox (z.Zt. 3.6.4) wird über allen drei Spalten eine dünne Linie angezeigt, deren Herkunft ich mir nicht erklären kann (style.css ist nicht die Ursache) und die mit nichts zu entfernen ist.
Wie bekomme ich diese Linie weg? Ich wäre für jeden Tipp dankbar! Zwei Tage eigene Suche haben mich leider nicht weitergebracht.
Hello,
Es sollen KEIN Rahmen und auch KEINE Linien der Tabelle angezeigt werden.
Wie wäe es mit der Verwendung von CSS?
Jeder Browser hat Default-Styles. Die sind nicht einheitlich. Wenn Du einheitliches Verhalten wünschst, solltest Du die Styles gezielt festlegen.
http://de.selfhtml.org/navigation/inhalt.htm#css
http://de.selfhtml.org/css/eigenschaften/tabellen.htm
Liebe Grüße aus dem schönen Oberharz
Tom vom Berg
Hallo,
ich habe lange gesucht und vieles ausprobiert, aber keine Lösung für mein Problem gefunden.
ich kann Dein Problem nicht nachvollziehen.
Es sollen KEIN Rahmen und auch KEINE Linien der Tabelle angezeigt werden. In allen Browsern funktioniert das wunderbar. Nur im Firefox (z.Zt. 3.6.4) wird über allen drei Spalten eine dünne Linie angezeigt, deren Herkunft ich mir nicht erklären kann (style.css ist nicht die Ursache)
Ach nein?
Beseitige veraltete Attribute wie das frame-Attribut von table und die align-Attribute und verwende ausschließlich CSS.
Ich verstehe, ehrlich gesagt, nicht, *warum* Du hier eine Tabelle verwendest und ich weiß nicht, warum Du unbedingt die valide-Bapperl auf Deine Seite kleben willst.
Freundliche Grüße
Vinzenz
Om nah hoo pez nyeetz, john_wesley!
Nur im Firefox (z.Zt. 3.6.4)
3.6.4 ist antik
Wie bekomme ich diese Linie weg? Ich wäre für jeden Tipp dankbar!
Installiere dir Firebug und spiele live an den gesetzten CSS-Eigenschaften herum.
Matthias
Moin,
So sieht der Footer meiner Seite aus (eingefügt in das Feld "Fußzeile" bei Drupal):
<table frame="void">
<colgroup>
<col width="80"></col>
<col width="740"></col>
<col width="80"></col>
</colgroup>
<tr>
<td align="left"><a href="http://validator.w3.org/check?uri=referer"><img src="http://www.w3.org/Icons/valid-xhtml10" alt="Valid XHTML 1.0 Strict" height="31" width="88" /></a></td>
<td align="center">© 2010 meine-domain.de</td>
<td align="right"><a href="http://jigsaw.w3.org/css-validator/check/referer"><img style="border:0;width:88px;height:31px" src="http://jigsaw.w3.org/css-validator/images/vcss" alt="CSS ist valide!" /></a></td>
</tr>
</table>Es sollen KEIN Rahmen und auch KEINE Linien der Tabelle angezeigt werden. In allen Browsern funktioniert das wunderbar. Nur im Firefox (z.Zt. 3.6.4) wird über allen drei Spalten eine dünne Linie angezeigt, deren Herkunft ich mir nicht erklären kann (style.css ist nicht die Ursache) und die mit nichts zu entfernen ist.
Der Obige Code erzeugt bei mir in Firefox _keinen_ Rahmen. Nimm Firebug, damit kannst du recht schnell herausfinden, wo der Rahmen herkommt. Sonst gib uns ein Online-Beispiel, wo man den Effekt nachvollziehen kann.
Wie bekomme ich diese Linie weg? Ich wäre für jeden Tipp dankbar! Zwei Tage eigene Suche haben mich leider nicht weitergebracht.
Lass den Quatsch mit Layouttabellen. Irgendwie lassen die mich auch daran zweifeln, dass die Icons vom W3C zu Recht da stehen.
Gruß,
Take
Hallo,
Dir, Take, und allen anderen Antwortenden vielen Dank für den Tipp mit Firebug. Damit habe ich den Fehler gefunden und beseitigt. Er lag in der system.css von drupal. Also wirklich nicht meiner style.css, auch wenn mir das einer von Euch nicht glauben wollte ;-)
Die Icons von W3C stehen völlig zu Recht da, jedenfalls wird die Tabelle nicht bemängelt. Ich würd ja auch lieber ohne auskommen, aber anders kann ich nicht in einer Zeile etwas linksbündig, zentriert und rechtsbündig ausrichten.
Danke nochmals und herzlichen Gruß
john_wesley
Om nah hoo pez nyeetz, john_wesley!
Die Icons von W3C stehen völlig zu Recht da, jedenfalls wird die Tabelle nicht bemängelt. Ich würd ja auch lieber ohne auskommen, aber anders kann ich nicht in einer Zeile etwas linksbündig, zentriert und rechtsbündig ausrichten.
in aktuellen Browsern gibt es dafür display: table-cell;
.
Für Browser, die inline-block verstehen, funktioniert
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html lang="de">
<head>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
<title>Titel</title>
<style type="text/css">
span {display: inline-block; width: 33%;}
#mitte {text-align: center;}
#rechts {text-align: right;}
</style>
</head>
<body>
<span id="links">Links</span>
<span id="mitte">Mitte</span>
<span id="rechts">Rechts</span>
</body>
</html>
wobei links, mitte und rechts keine glücklich gewählten Bezeichner sind.
Matthias
Vielen lieben Dank für diese Idee! Ich werde es mal ausprobieren.
@@john_wesley:
nuqneH
Firefox (z.Zt. 3.6.4)
Ist das dein Ernst? Da hast du etliche sicherheitsrelevante Updates verschlafen. Aktuell ist 3.6.13. Unbedingt aktualisieren!
Ist mir ein Rätsel, wieso du auf so derart veraltetem Stand bist. Hast du etwa die automatische Update-Funktion deaktiviert?
Qapla'