Tabelle zentrieren und Textumfluss

Berndo

Hallo,

ich habe ein eher allgemeines CSS-Problem und finde einfach den Fehler nicht. Ich möchte eine Tabelle zentriert haben, rechts daneben soll aber ein Text stehen. Die Tabelle habe ich über <div align="center"> zentriert. Im <table>-Tag ist dann style="float:left;". Der Umfließtext wird dort angezeigt, wo er stehen soll (also mittig). Die Tabelle ist dann aber immer ganz links am Rand und eben nicht zentriert.
Kann mir jemand helfen?

Werbepost

Hallo!

Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
✔️ Deutsche Server & DSGVO-konform
✔️ Persönlicher Support (kein 0815-Ticket-System)

Mehr erfahren

marX

HTML

<table style="width:20em;margin:1em auto;">

Berndo

Soll da eine neue Tabelle um alles oder soll der style-Tag in den vorhandenen table-Tag? Weil ich jetzt nämlich bisschen rumprobiert habe, sich aber nichts verändert hat.

marX

In den vorhandenen natürlich. Verschachtelte Tabellen sind meistens unnötig.
Wichtig ist das die Breitenangabe vorhanden ist, ohne gehts nicht. Ansonsten wäre ein Link zum Problemblog oder einem Testcase nötig, wo man sehen kann, was du wie gemacht hast.

Berndo

Also ich hab da jetzt

Code

<table style="float:left;width:868px;margin:1em auto;">

stehen und die Tabelle ist immer ganz links am Rand, wenn ich das "float:left;" drin habe.

marX

Wie soll das funktionieren, etwas gleichzeitig links zu floaten und zu zentrieren? Wie stellst du dir das vor?

Berndo

Deswegen habe ich ja nachgefragt, weil ich da wohl einen Denkfehler drin habe? :-D

Ich will, dass es um eine Tabelle einen Flietext gibt, beides aber dennoch in der Mitte der Seite angezeigt wird.

marX

Meinst du etwa so?

HTML

<div style="width:400px;margin:auto;">
  <table style="float:left">
    <!-- ... table contents -->
  </table>
  <p>Lorem ipsum...</p>
</div>

Monika

Zitat von Berndo

Deswegen habe ich ja nachgefragt, weil ich da wohl einen Denkfehler drin habe? :-D
Ich will, dass es um eine Tabelle einen Flietext gibt, beides aber dennoch in der Mitte der Seite angezeigt wird.

ah!

dann gib die beiden in eine Schachtel (div class="box") ;) und diese .box zentriere, und sonst so wie gehabt

solch eine div class="box mußt du aber im Code Modus eingeben

Code

.box{width:.....%;margin:3px auto;text-align:center;}

lg

Berndo

So funktioniert es! Dank dir.

Berndo

In dem Umfließtext der Tabelle befindet sich auch eine Grafik. Manchmal wird die Grafik jedoch ganz links über der Tabelle angezeigt und erst mit dem Neuladen der Seite ist sie wieder dort, wo sie hingehört. Das ist doch sicher "nur" ein CSS-Fehler, oder?

Monika

Zitat von Berndo

In dem Umfließtext der Tabelle befindet sich auch eine Grafik. Manchmal wird die Grafik jedoch ganz links über der Tabelle angezeigt und erst mit dem Neuladen der Seite ist sie wieder dort, wo sie hingehört. Das ist doch sicher "nur" ein CSS-Fehler, oder?

da hat sie grade noch Platz
oft gehts da um 1px ...

Berndo

Dachte ich auch und hab die Gesamtbreite gleich mal um 10 px erweitert. Aber die fehlerhafte Anzeige taucht trotzdem immer wieder mal auf.

Berndo

Kann mir keiner weiterhelfen? :)
So langsam nervt das nämlich.

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Tabelle zentrieren und Textumfluss

Jetzt mitmachen!