centrieren horizontal und vertikal
lima-city → Forum → Die eigene Homepage → HTML, CSS & Javascript
-
hi leute,
ich m?chte meine seite horizontal und vertikal centrieren, horizontal ist kein problem aber vertikal das ist ein kleines. kann mir da einer ein code geben und erkl?ren wie wo was stehen soll und wof?r.
Danke in vorraus.
D-Juice -
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
-
Hi,
eigentlich sollte das mit einer Tabelle <table> mit den Attributen width="100%" und height="100%" funktionieren.
Z.B. so (align und valign in <td> nicht vergessen):
<table border="1" width="100%" height="100%">
<tr>
<td valign="middle" align="center">text</td>
</tr>
</table>
Das Problem ist jedoch, dass W3C dass Attribut height nicht akzeptiert, deswegen m?sste man es so machen (am besten mit CSS):
<table border="1" width="100%" style="height:100%">
<tr>
<td valign="middle" align="center">text</td>
</tr>
</table>
Ich bin mir jedoch nicht 100%ig sicher, ob das bei allen Browser funktioniert.
Ich hoffe ich hab dich richtig verstanden.
mfg,
hr -
Hi.. so weit ich mich erinnere war das html conform:
<html>
<head>
<link rel="stylesheet" type="text/css" href="style.css" />
</head>
<body>
<table id="container">
<tr>
<td align="center" valign="middle">
<!-- das ist die Tabelle die wir vertikal zentrieren wollen -->
<table id="content" cellspacing="0" cellpadding="0">
<tr>
<td>
DEIN ZEUG HIER!
</td>
</tr>
</table>
</td>
</tr>
</table>
</body>
</html>
und in die sytle.css dann:
html, body {
background: #ffffff;
height: 100%;
margin: 0px;
}
#container {
width: 100%;
height: 100%;
}
#content {
width:600px;
border:1px solid #000;
background:#fff;
text-align:left;
} -
jo mit css m?ssts gehen...
einfach innen head tag:
<style type="text/css">
<!--
div {margin:50%}
-->
</style>
... weis nich habs noch nich probiert un kann au nich viel css aber k?nnte gehen...
mfg
jubworld -
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage