Zum Inhalt springen

Tabelle vertikal und horizontal zentrieren


Empfohlene Beiträge

Geschrieben

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

Geschrieben

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.

Geschrieben

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?

Geschrieben

Das ist eine elegante Lösung.

Wer sagt das das verschachteln von Tabellen schlecht ist?

Und das was ich mit der verschachtelten Tabelle gemacht habe geht eben nicht mit einer einzigen ;)

Geschrieben

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...

Erstelle ein Benutzerkonto oder melde Dich an, um zu kommentieren

Du musst ein Benutzerkonto haben, um einen Kommentar verfassen zu können

Benutzerkonto erstellen

Neues Benutzerkonto für unsere Community erstellen. Es ist einfach!

Neues Benutzerkonto erstellen

Anmelden

Du hast bereits ein Benutzerkonto? Melde Dich hier an.

Jetzt anmelden

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...