caption-Element

[Matthias]

Hallo zusammen,

ich habe ein Problem mit der css-Gestaltung von caption-Elementen.

Hier erstmal der Quellcode:

<table style=" width:760px;">
<caption style="text-align: center;
                padding: 5px;
                border-color: #3FA6CC;
                border-style: solid;
                border-width: 2px;
                color: #3FA6CC;
                font-size: 12px;
                font-weight: bold;">Tabellen&uuml;berschrift</caption>
<colgroup>
  <col width="200" />
  <col width="140" />
  <col width="140" />
  <col width="140" />
  <col width="140" />
</colgroup>

Und hier zentrale css-Formate:
#content caption
{
    margin:15px auto 0px auto;
    width: auto;
}
#content table
{
    border:2px solid #3FA6CC;
    margin:0px auto 15px auto;
    border-spacing:0px;
    border-collapse:collapse;
    empty-cells:show;
}
#content td
{
    padding:3px;
    border:1px solid #3FA6CC;
    vertical-align: top;
    text-align: left;
}
#content th
{
    padding:3px;
    font-weight:bold;
    text-align:center;
    border:1px solid #3FA6CC;
    color:#FFFFFF;
    background-color:#3FA6CC;
    vertical-align: top;
}

Und nun zum Problem:
Im IE v6 ist alles so wie es sein sollte.
Im Firefox v2 ist der caption-Bereich schätzungsweise 2 Pixel SCHMALER als der Rest der Tabelle, und zwar sowohl auf der linken wie auch auf der rechten Seite.

Habe ich da einen Fehler in der css-Definition gemacht, oder gibt es für dieses Phänomen einen Workaround?

Vielen Dank

[bleicher]

Grüße,

Im IE v6 ist alles so wie es sein sollte.
Im Firefox v2 ist der caption-Bereich schätzungsweise 2 Pixel SCHMALER als der Rest der Tabelle, und zwar sowohl auf der linken wie auch auf der rechten Seite.

ja - weil FF es richtig macht, und IE den alten guten border-bug einsetzt. wo liegt das problem denn?

MFG
bleicher

P.S:Axiom: wenn IE dein html-code wie gewollt anzeigt, ein browser wie opera oder ff, dagegen nicht, dann hast du mist gebaut.

[EKKi]

Mahlzeit Matthias,

Habe ich da einen Fehler in der css-Definition gemacht, oder gibt es für dieses Phänomen einen Workaround?

Nein, Du hast alles richtig gemacht, <http://de.selfhtml.org/css/formate/box_modell.htm#box_model_bug@title=nur versteht der IE kein CSS>. Verwende einen geeigneten http://de.selfhtml.org/html/allgemein/grundgeruest.htm#dokumenttyp@title=Dokumenttyp und bügele die übrigen Fehler mit - je nach Geschmack - <http://de.selfhtml.org/css/layouts/browserweichen.htm#alternative@title=Conditional Comments> oder http://de.selfhtml.org/css/layouts/browserweichen.htm#browserweichen@title=Browserhacks aus.

MfG,
EKKi