zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Außenabstand: Problem bei TABLE und CAPTION

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 23.05.2009, 09:22
Benutzerbild von AndreasB
Erfahrener Benutzer
XHTMLforum-Kenner
Thread-Ersteller
 
Registriert seit: 29.11.2005
Beiträge: 1.351
AndreasB wird schon bald berühmt werden
Standard Außenabstand: Problem bei TABLE und CAPTION

Datentabellen erhalten wie andere Blockelemente (P, OL, UL, ...) den gleichen oberen und unteren Aussenabstand.
Gut so.

Eine Tabellenunterschrift steht im Element CAPTION.
CAPTION ist per CSS unter der Tabelle platziert.

Leider wirkt sich (in FF3) der untere Außenabstand der Tabelle auch in Bezug auf CAPTION aus.
Folge: CAPTION steht weiter von der Unterkante der Tabelle entfernt als erwünscht.

Wißt ihr, wie man weiterhin einen unteren Aussenabstand der Tabelle gegenüber ihren Nachbarn sicherstellt, dennoch aber einen kleineren zu ihrem Kind CAPTION?

In der Spezifikation steht als Layoutempfehlung:
"Um des Layouts Willen sollten Benutzerprogramme bedenken, dass sich Tabellenüberschriften (angegeben durch das Element CAPTION) wie Zellen verhalten. Jede Überschrift ist eine Zelle, die sich über alle Spalten der Tabelle erstreckt, wenn sie sich oberhalb oder unterhalb der Tabelle befindet, und über alle Zeilen, wenn sie links oder rechts der Tabelle ist."

FF scheint sich nicht daran zu halten.
Aber vielleicht sehe ich auch noch nicht klar.

HTML-Code:
<table>...</table>
<p>...</p>

<table><caption>...</caption>...</table>
 <p>...</p>
Der Abstand von
__________________

Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 23.05.2009, 10:36
Standardkatze
XHTMLforum-Kenner
 
Registriert seit: 06.02.2007
Beiträge: 1.821
gato ist einfach richtig nettgato ist einfach richtig nettgato ist einfach richtig nettgato ist einfach richtig nettgato ist einfach richtig nett
Standard

Zitat:
Zitat von Andreas Borutta Beitrag anzeigen
In der Spezifikation steht als Layoutempfehlung:
"Um des Layouts Willen sollten Benutzerprogramme bedenken, dass sich Tabellenüberschriften (angegeben durch das Element CAPTION) wie Zellen verhalten. Jede Überschrift ist eine Zelle, die sich über alle Spalten der Tabelle erstreckt, wenn sie sich oberhalb oder unterhalb der Tabelle befindet, und über alle Zeilen, wenn sie links oder rechts der Tabelle ist."
Wenn es ums Layout geht solltest du dich stets an der aktuellen CSS Version orientieren. Die hat sich leider die letzten Jahre immer wieder geändert was Tabellen angeht.

Zitat:
Zitat von Andreas Borutta Beitrag anzeigen
Leider wirkt sich (in FF3) der untere Außenabstand der Tabelle auch in Bezug auf CAPTION aus.
Folge: CAPTION steht weiter von der Unterkante der Tabelle entfernt als erwünscht.
Firefox hat hier leider einen Fehler durch den caption-Elemente nicht richtig angeordnet werden, wenn sie margins enthalten. Du musst hier ggf. experimentieren.

Zitat:
Zitat von Andreas Borutta Beitrag anzeigen
Wißt ihr, wie man weiterhin einen unteren Aussenabstand der Tabelle gegenüber ihren Nachbarn sicherstellt, dennoch aber einen kleineren zu ihrem Kind CAPTION?
Per CSS: Kleinen margin-top für caption, etwas größeren margin-bottom für table.

Bedenke aber, dass table- und caption-margins momentan nur vom IE8 richtig interpretiert werden:

Die Äußerem Abstände (margins) der Tabelle fallen mit margins von Blockboxen zusammen, aber nicht mit den margins seiner Kinder (caption!).

Zitat:
Zitat von Andreas Borutta Beitrag anzeigen
FF scheint sich nicht daran zu halten.
Aber vielleicht sehe ich auch noch nicht klar.
Naja, durch die zahlreichen Spezifikationsänderungen gibts momentan kaum eine korrekte Implementierung von Tabellenmargins. IE8 machts hier richtig, weil die Implementierung am jüngsten ist. Hier muss man wirklich experimentieren um zum Ziel zu kommen.
__________________
Über Internet Explorer 8:
Noch bis 8. April 2014 wird der Internet Explorer 6 mit Sicherheitsupdates versorgt.
Bereits jetzt kann dieser Browser aber vollständig durch den IE8 ersetzt werden. Ältere Betriebssysteme und Browserversionen werden von Microsoft nicht mehr unterstützt.
Auch Programme, die den IE7 benötigen, sind kein Argument gegen IE8, da dieser über entsprechende Kompatibilitätsschichten verfügt.
Ab sofort gilt daher der Internet Explorer 8 als vorausgesetzer Mindeststandard.
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 23.05.2009, 10:59
Benutzerbild von AndreasB
Erfahrener Benutzer
XHTMLforum-Kenner
Thread-Ersteller
 
Registriert seit: 29.11.2005
Beiträge: 1.351
AndreasB wird schon bald berühmt werden
Standard

@gago
Vielen Dank für die Aufklärung.

Dann bleibt mir wohl nur vollständig auf den unteren Aussenabstand von TABLE zu verzichten (denn der erwünschte verschmolzene Abstand zwischen TABLE und CAPTION ist Null).
Das ist keine schöne Lösung aber akzeptabel, solange alle unteren Blockelement-Nachbarn von TABLE einen oberen Aussenabstand besitzen.
__________________

Mit Zitat antworten
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
Myspace Fehler zwischen FF und IE? soren.designs (X)HTML 1 05.09.2009 17:02
Myspace problem... Rechte Säule verschiebt sich im IE. calledmarcel CSS 1 27.02.2009 10:12
Myspace-Probleme Nora-B CSS 3 16.09.2008 00:17
Falsche Darstellung im Internet Explorer Janizzle CSS 0 30.08.2007 20:44


Alle Zeitangaben in WEZ +2. Es ist jetzt 17:20 Uhr.