nicht angemeldet
Komplette Site vertikal zentrieren - wie?
Hi Leute,
ich hab eine für euch sicher ziemlich einfache Frage: auf meiner Site habe ich eine Seite, auf welcher nur ein bisschen Text und ein Button ist. Nun will ich, dass dieser Text und Button, sprich alles was auf der Seite drauf ist im Browser sowohl vertikal auch als waagrecht zentriert ist. Waagrecht habe ich mittels <center> realisiert. Wie aber das Vertikale realisierern? Ich krieg das einfach nicht hin. Wenn möglich mit CSS - habe eine externe CSS-Datei.
cu, Max
-
Hallo Max Mustermann,
=> (Heisst Du wirklich so?)Waagrecht habe ich mittels <center> realisiert.
Nicht gerade optimal, ein derart veraltetes "HTML-Element",
das auf der Abschussliste des W3C steht, fuer Layout-Zwecke
zu verwenden.Beschaeftige Dich lieber richtig mit CSS.
Wie aber das Vertikale realisierern?
Das ist ein ungeloestes "Problem". Siehe auch </archiv/>
Wieviel Text hast Du denn ganz konkret?
Ein gaengiger Ansatz ist, mittels CSS die Hoehe
fuer <html> und <body> auf 100% zu setzen
und dann z.B. dem Inhalt oben und unten einen
margin von 40% zu geben.
Funktioniert aber nicht immer.Der "klassische", zuverlaessige aber "unsaubere" Weg
besteht darin, eine Tabelle mit einer einzigen Zelle
zu nehmen, die 100% breit und hoch ist, und dann
deren Inhalt horizontal und vertikal zu zentrieren.
Auch dazu muss man html und body auf 100% Hoehe
setzen.
Bitte alles mit CSS!http://www.tiptom.ch/homepage/faq.html?q=tabzentriert
Gruesse,
Thomas
--
Bitte keine Mails mit Fachfragen - dafuer gibt es das Forum!
Ich mag es, wenn URLs verlinkt sind (</faq/#Q-19>).
Oft gestellte PHP-Fragen beantwortet die dclp-FAQ bestens: http://www.dclp-faq.de/-
Hi Leute,
Hallo Max Mustermann,
=> (Heisst Du wirklich so?)Nee, nicht wirklich, ist aber so mein Standard Nickame, wieso?
Wieviel Text hast Du denn ganz konkret?
Ich habe 2 Zeilen Text (mit <br>), einen Button mit CSS gestylt, nochmal eine Zeile Text und einen <p>.
Ein gaengiger Ansatz ist, mittels CSS die Hoehe
fuer <html> und <body> auf 100% zu setzenso?
<style>
<!--
html { heigh:100%; }
body { background-color:#ccff00; heigh:100%; }
.feld { background-color:#cc0033; color:#0033ff; font-size:30px; border:6px solid #ff6666; cursor:hand; }
-->
</style>Der "klassische", zuverlaessige aber "unsaubere" Weg
besteht darin, eine Tabelle mit einer einzigen Zelle
zu nehmen, die 100% breit und hoch ist, und dann
deren Inhalt horizontal und vertikal zu zentrieren.
Auch dazu muss man html und body auf 100% Hoehe
setzen.table>
<tr>
<td width="100%" height="100%" align="center" valign="middle">
Hier meine Seite
</td>
</tr>
</table>
Stimmt das so?cu, Max
-
Hi Leute,
table>
hab da vergessen, das < mit rüber zu kopieren, habe aber <table> im Original stehen.
Ich hab das jetzt nämlich so ausprobiert, aber es hat nicht geklappt. ich glaube, da ist noch irgendwo ein/mehrere Fehler meinerseits.
cu, Max
--
Bye! *g*-
Hi Leute,
Hi Leute,
table>
hast da vergessen, das < mit rüber zu kopieren, aber <table> im Original stehenJo, stimmt, hab das im Original stehen.
Ich hab das jetzt nämlich so ausprobiert, aber es hat nicht geklappt. ich glaube, da ist noch irgendwo ein/mehrere Fehler meinerseits.
Hast du auch ausprobiert? Hm, weißt du vielleicht noch, wo man das rausfinden könnte, wie das geht?
cu, Max
-
Hallo!
Hast du auch ausprobiert? Hm, weißt du vielleicht noch, wo man das rausfinden könnte, wie das geht?
Jo, ich hab das auch ausprobiert. Wo man noch mehr finden könnte? Vielleicht in SelfHTML? *g* Na ja, irgendwelche anderen Links kann ich dir da jetzt auch nicht nennen.
MfG, Dennis.
--
Auf Signaturen hab ich keinen Bock!!
-
-
-
-
Hallo.
Ein gaengiger Ansatz ist, mittels CSS die Hoehe
fuer <html> und <body> auf 100% zu setzen
und dann z.B. dem Inhalt oben und unten einen
margin von 40% zu geben.Eine Alternive wäre [libk:http://www.wpdfd.com/editorial/thebox/deadcentre4.html].
MfG, at-
Hallo,
Eine Alternive wäre [libk:http://www.wpdfd.com/editorial/thebox/deadcentre4.html].
Danke fuer den Hinweis.
Ich habe diesen Link auf meiner Seite
http://www.tiptom.ch/homepage/faq.html?q=tabzentriert
angefuegt sowie ein paar weitere Beispiel-Seiten hingemacht.Gruesse,
Thomas
-
Hallo!
Thx noch mal euch allen! Hat mir geholfen!
cu,Max.
-
-
-