Zum Inhalt springen

Tabelle vertikal und horizontal zentrieren


ComputNik

Empfohlene Beiträge

Hallo,

Ich habe eine html Tabelle.

Diese will ich vertikal und horizontal zentrieren.

Ich will nicht den inhalt der tabelle zentrieren sondern die ganze tabelle.

horizontal löse ich dies so:


<table border="0" width="80%" align="center">
[/PHP]

-------------------------------------------------------------------

wenn man einen zellinhalt vertikal zentrieren will so macht man das so:

[PHP]
<td valign="middle"> vertikal zentrierter text </td>

dieses valign="middle" funktioniert aber nicht im <table> tag.

was gibt es für lösungen?

ich suche keine statische lösung wie abstand = 100px

einfach nur | und -- zentriert.

thx

Link zu diesem Kommentar
Auf anderen Seiten teilen

Achso, du willst die Tabelle im Browser auch vertikal zentrieren ... ok.

Hier:


<table height=100% align="center">

<tr>

<td>


<table>

<tr>

<td>Ich bin eine Tabellen-Zelle</td>

</tr>

</table>


</td>

</tr>

</table>

Einfach in eine zweite Tabelle einfügen und die übergeordnete auf 100% Höhe bringen.

Link zu diesem Kommentar
Auf anderen Seiten teilen

danke erstmal.

Ich habe gehört verschachtelte tabellen sind nicht gut.

Weil die übersichtlichkeit verloren geht und alles was man mit einer verschachtelten tabelle machen kann geht auch mit einer einzigen.

Ist nicht böse gemeint, der vorschlag oben funktioniert ja.

kennt vieleicht jemand noch eine elegantere lösung?

Link zu diesem Kommentar
Auf anderen Seiten teilen

Hmm, könnte mir höchstens vorstellen, daß man das vielleicht mit je einer extra Zeile oben und unten hinbekommt, die jeweils eine prozentuale Höhenangabe haben. Also die Tabelle 100% Höhe und die obere und untere Zeile vielleicht je 49% oder so...

Nur so'n Gedanke, kann's aber leider auch grad nicht probieren...

Link zu diesem Kommentar
Auf anderen Seiten teilen

Dein Kommentar

Du kannst jetzt schreiben und Dich später registrieren. Wenn Du ein Konto hast, melde Dich jetzt an, um unter Deinem Benutzernamen zu schreiben.

Gast
Auf dieses Thema antworten...

×   Du hast formatierten Text eingefügt.   Formatierung wiederherstellen

  Nur 75 Emojis sind erlaubt.

×   Dein Link wurde automatisch eingebettet.   Einbetten rückgängig machen und als Link darstellen

×   Dein vorheriger Inhalt wurde wiederhergestellt.   Editor leeren

×   Du kannst Bilder nicht direkt einfügen. Lade Bilder hoch oder lade sie von einer URL.

Fachinformatiker.de, 2024 by SE Internet Services

fidelogo_small.png

Schicke uns eine Nachricht!

Fachinformatiker.de ist die größte IT-Community
rund um Ausbildung, Job, Weiterbildung für IT-Fachkräfte.

Fachinformatiker.de App

Download on the App Store
Get it on Google Play

Kontakt

Hier werben?
Oder sende eine E-Mail an

Social media u. feeds

Jobboard für Fachinformatiker und IT-Fachkräfte

×
×
  • Neu erstellen...