margin bei zwei Tabellen auf Safari

[JackJones]

Guten Abend Zusammen

Wie bringe ich dieses "margin" bei zwei Tabellen auf dem Safari zum laufen?
Jemand eine Idee ? Auf Firefox gehts prima.

<table width="200" border="1" style="float:left;">
  <tr>
    <td>&nbsp;</td>
  </tr>
</table>

<table width="200" border="1" style="margin-left:30px;">
  <tr>
    <td>&nbsp;</td>
  </tr>
</table>

 

[falkgottschalk]

Spielen wir jetzt lustiges Raten was der Fehler sein soll?

 

[msslovi0]

Ich würde mal sagen, der Fehler ist, dass hier Tabellen für Layoutzwecke benutzt werden sollen.

 

[Saugkraft]

width="200"? 200 was? Kartoffeln, Zentimeter, Ellen oder Zoll?

 

[UDH5]

width="200"? 200 was? Kartoffeln, Zentimeter, Ellen oder Zoll?

was stimmt an width="200" nicht? Bei HTML-Werten gibts keine Einheit.

<table width="200" border="1" style="float:left;margin-right:30px"><tr><td>&nbsp;</td></tr></table> 
<table width="200" border="1"><tr><td>&nbsp;</td></tr></table>

 

[Saugkraft]

Nicht?

Dann stell dir doch mal vor, du wärest ein Browser.
Du musst die 200 ja darstellen. Was würdest du wählen? Ich würde em wählen. Gefällt mir einfach gut. Und da alle Browser fehlerfrei arbeiten und gleich interpretieren gibt es auch keine Missverständnisse.

 

[msslovi0]

Nicht?

Nein.

Dann stell dir doch mal vor, du wärest ein Browser.

Dann weiß er, dass er bei HTML-Attributen ohne Einheit Pixel nimmt, steht da am Ende ein %, dann nimmt er Prozentwerte und steht da am Ende ein *, dann ist das ein Proportionalwert.

Du musst die 200 ja darstellen. Was würdest du wählen? Ich würde em wählen.

Das ist aber kein Ratespiel.

 

[Saugkraft]

Wenn ihr das so sagt, wird das wohl stimmen.

Warum interpretieren dann manche Browser diese Angaben nicht und ignorieren die angegebene Tabellenbreite?

 

[UDH5]

Welchen Browser meinst du? Ich kenne ehrlich gesagt keinen, der diese fossile Breitenangabe nicht interpretiert, meiner Erfahrung nach funktioniert sie zuverlässig, solange keine CSS-Deklaration an anderer Stelle einen Strich durch die Rechnung macht. Ganz auf Nummer sicher ginge man bei Tabellen mit der zusätzlichen Angabe von cellspacing="0" cellpadding="0", denn da haben besonders ältere Browser unterschiedliche Default-Werte. margin:0; padding:0; erzeugen bei Netscape 4 und IE Mac jedenfalls nicht das gewünschte Bild.

Die genaue Breite einzelner Tabellenzellen ist allerdings eine spannende Geschichte, auch noch im CSS-Zeitalter ...