nicht angemeldet
Vertikal zentrieren?
Hallöle,
Habe das Problem das ich eine Tabelle vertikal zentrieren möchte , in Bezug auf die ganze HTML-Seite, hier mein Code.
<div align="center"><table width="320" height="370" border="0" cellpadding="0" cellspacing="0" style="border-color:#000000;border-bottom-style:solid;border-bottom-width:4px;">
<tr>
<td width="320" height="320" align="center" colspan="2"><a href="index.shtml"><img src="images/intro.gif" width="320" height="320" alt="Introsequenz" border="0"></a></td>
</tr>
<tr>
<td colspan="2" style="padding:0px;margin0px;font-size:1px;height:3px;"></td>
</tr>
<tr>
<td style="border-color:#000000;border-left-style:solid;border-left-width:4px;border-top-style:solid;border-top-width:4px;" width="320" height="50" align="left"><div style="margin-left:16px;"><img src="images/newpfeil.gif" width="150" height="25" alt="" border="0"></div></td>
<td style="border-color:#000000;border-right-style:solid;border-right-width:4px;border-top-style:solid;border-top-width:4px;"><div style="margin-right:25px;"><a href="index.shtml")"><img src="images/button1.gif" width="40" height="25" alt="Um weiter zu kommen bitte HIER KLICKEN." border="0""></a></div></td>
</tr>
</table></div>
Kopiert euch den Code ums auszuprobieren.
Ich habe es mit der HTML-Angabe valign="middle" sowie CSS-Syntax vertical-align:middle; probiert, jedoch ohne Erfolg.
Vielen Dank
MfG
Thomas
-
Ebenfalls Hallöle,
Habe das Problem das ich eine Tabelle vertikal zentrieren möchte , in Bezug auf die ganze HTML-Seite, hier mein Code.
Dann brauchst du dir gar keine Mühe geben, die Tabelle zu formatieren. Du muss <body style="blablabla"> formatieren!
Gutes Gelingen!
Fokuhila-
Jopdidub,
Habe folgendes jemacht: <body style="vertical-align:middle;text-align:center;">
Die Tabelle kann zwar jetzt bequem horizontal zentriert werden, der vertikal Erfolg bleibt jedoch aus.
MfG
Thomas-
Haididai!
Habe folgendes jemacht: <body style="vertical-align:middle;text-align:center;">
Die Tabelle kann zwar jetzt bequem horizontal zentriert werden, der vertikal Erfolg bleibt jedoch aus.
Geduld! Das Problem liegt darin, dass nicht alle Browser text-align verstehen. Manche verstehen dafür "alignment: center;"!
Auf zweidimensionalen Erfolg.
Fokuhila -
Haididai!
Habe folgendes jemacht: <body style="vertical-align:middle;text-align:center;">
Die Tabelle kann zwar jetzt bequem horizontal zentriert werden, der vertikal Erfolg bleibt jedoch aus.
Geduld! Das Problem liegt darin, dass nicht alle Browser text-align verstehen. Manche verstehen dafür "alignment: center;"! Siehe auch </selfhtml/tdcc.htm#a10>.
Auf zweidimensionalen Erfolg.
Fokuhila
-
-
-
hallo!
Es müsste eigentlich funktionieren, wenn du die Tabelle in einer Tabelle mit nur einer Zelle machst - klingt zwar komisch, müsste aber gehen.
Beispiel:
<table align="center" valign="middle" width=100% height=100% border=2>
<tr>
<td>
<table align="center" valign="middle" width=320 height=370 border=2>
<tr>
<td align=center>
...
</td>
</tr>
</table>
</td>
<tr>
</table>Die Border sind natürlich nicht notwendig, nur zwecks visualisierung.
mfg
watchout
-
Watchout hat imo hier den richtigen Riecher, weil nur diese Lösung
auch in Browsern funktioniert, die mit Style-Sheets noch nicht können ... :-)<table align="center" valign="middle" width=100% height=100% border=2>
<tr>allerdings sollte in der 'äußeren' Tabelle
an dieser Stelle anstatt
<tr>
dann
<tr valign="middle">
stehen und dann funktioniert's ...
(dafür kann man sich das valign="middle"
im table-tag selbst sparen ...<td>
<table align="center" valign="middle" width=320 height=370 border=2>
<tr>
<td align=center>
...
</td>
</tr>
</table>
</td>
<tr>
</table>... habe mit diesder LÖsung bis jetzt
nie Probleme gehabt, tut soweit bekannt in allen Browsern
und allen Versionentorsten
-
-
Hallo Thomas,
vielleicht suchst Du ja das hier:
http://www.ideenreich.com/trickkiste/tricks19.shtmlGrüsse, auch Thomas
-
Habe das Problem das ich eine Tabelle vertikal zentrieren möchte , in Bezug auf die ganze HTML-Seite, hier mein Code.
Dein Code ist unvollständig, da er keine komplette HTML-Seite beinhaltet. Wenn du dich auf die ganze Seite beziehst, wäre es sinnvoll, auch die ganze Seite zu kennen.
Kopiert euch den Code ums auszuprobieren.
Mit deiner unvollständigen Seite, ergänzt um <html><head></head><body>...</body></html> ist das Ergebnis klar: Die HTML-Seite ist dort zuende, wo </body> steht, nicht dort, wo das Browserfenster aufhört. Ein zentrieren auf der "Seite" ist also immer richtig, weil die Seite oben anfängt und "unten" (= dort, wo das HTML endet) aufhört. Du kannst eine Tabelle nicht mit "height" größer machen, als sie durch ihren Inhalt ist. Außerdem: Für welche Auflösung würde das dann gelten?
Außerdem kannst du nur Zelleninhalte vertikal ausrichten, und das hat auch nur dann Effekt, wenn die Zelle selbst größer ist (durch Nachbarzellen), als ihr Inhalt, so daß vertikal Platz zum Verschieben ist.
Abgesehen davon hat dein Code ein paar kleine Fehlerchen (doppelte Anführungszeichen z.B.).
Vielen Dank
Bitte.
MfG
Thomas- Sven Rautenberg
-
Anmerkung,
Dein Code ist unvollständig, da er keine komplette HTML-Seite beinhaltet. Wenn du dich auf die ganze Seite beziehst, wäre es sinnvoll, auch die ganze Seite zu kennen.
Ich weiß, der Code wurde nur schnell aus meiner Testseite herausgeschnitten, jeder der mir mit dem Problem hätte helfen können hätte damit keine Probleme gehabt.
Du kannst eine Tabelle nicht mit "height" größer machen, als sie durch ihren Inhalt ist
Aha, diese Aussage ist mir trotz mehrjähriger HTML-Erfahrung neu, ich habe es aus Verwirrung überprüft und durch die Wahrheit dieser Aussage bin ich erstaunt über meine vielen sinnlosen height-Angaben, liegt der Grund etwa darin dass, das in sämtlichen Quellen (SelfHTML eingeschlossen) nur ungenügend bzw. gar nichts davon geschrieben steht.
Abgesehen davon hat dein Code ein paar kleine Fehlerchen (doppelte Anführungszeichen z.B.).
Diese Fehler entstanden bestimmt durch das schnelle pasten des Codes in meinen Forumsbeitrag (einiges Unwichtige hatt ich kurzerhand gelöscht).
MfG
Thomas
-