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

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