CSS und Tables

[Zentrierte anordnung von <Table> im DIV(CSS)]

Hallo ihr Lieben.

Ich habe ein Problem.

Ich habe ein DIV-container aufgespannt und dort drin eine Tabelle.

Bespiel:

<div style="text-align:center">
  <table>
    <tr>
       <td>
          HuHu
       </td>
    </tr>
  </table>

<img src="bild.jpg">
</div>

Mein Problem ist das das Bild innerhalb des Div's centriert angeordnet wird aber die Tabelle bleibt linksangeordnet.

Die einzige Möglichleit die ich hatte war margin-left. Aber das ist unschön.
Das Problem tritt beim Feuerfuchs auf (Mozilla Firefox), der IE stellt es richtig da.

Kann mir einer sagen wie ich das elegant lösen kann?

Und noch eine weitere Frage. Kann ich eventuell auf <table> verzichten und es irgndwie mit css basteln? ALso ein Formular als beispiel.

Vielen Dank und ich hoffe auf schnelle Antwort.

LG Kathi :)

[wahsaga]

hi,

Mein Problem ist das das Bild innerhalb des Div's centriert angeordnet wird aber die Tabelle bleibt linksangeordnet.

Natürlich.

Du hättest nur mal nach "tabelle zentrieren" suchen müssen, und bspw. http://forum.de.selfhtml.org/archiv/2005/1/t98929/ finden können.

Und noch eine weitere Frage. Kann ich eventuell auf <table> verzichten und es irgndwie mit css basteln?

Wenn du mal definierst, was "es" ist, vielleicht.

ALso ein Formular als beispiel.

Ein Formular mit Feldern und zugehörigen Beschriftungen _kann_ man durchaus als eine Art tabellarischer Daten betrachten. Es geht aber durchaus auch ohne Tabelle, hängt davon ab, was man will.

gruß,
wahsaga

[Jan L.]

Hallo,

Mein Problem ist das das Bild innerhalb des Div's centriert angeordnet wird aber die Tabelle bleibt linksangeordnet.

Ja, das ist ja auch das richtige Verhalten. 'text-align' wirkt sich nur auf
die Ausrichtung von inline-Elementen (z.B. Text, Grafiken) aus, nicht auf
die von Blöcken (<p>, <div>, usw.) oder Tabellen.

Die einzige Möglichleit die ich hatte war margin-left. Aber das ist unschön.

Warum soll das unschön sein? 'margin: 0 auto;' + Breitenangabe ist genau das
Richtige, um Blöcke zu zentrieren.

Das Problem tritt beim Feuerfuchs auf (Mozilla Firefox), der IE stellt es richtig da.

Umgekehrt ist es richtig. Der IE<6 (bzw. wahrscheinlich auch IE6 im
Quirksmode) interpretieren 'text-align' falsch.

Gruß, Jan