• Das Erstellen neuer Accounts wurde ausgesetzt. Bei berechtigtem Interesse bitte Kontaktaufnahme über die üblichen Wege. Beste Grüße der Admin

zentriert in der mitte

rasputin

rasputin

Lounge-Member
wie kann man per css etwas horizontal zentriert und vertikal mittig positionieren? ich meine aber nicht absolut.

mit tabellen macht(e) man das ja so: (enthält kein korrektes html, dafür verstand es _jeder_ browser)
Code: 
<table width="100%" height="100%">
 <tr>
  <td align="center" valign="middle">........</td>
 </tr>
</table>

mit einem div habe ich es so probiert, funktioniert natürlich nicht.
Code: 
<div style="width:100%; height:100%; vertical-align:middle; text-align:center; ">........</div>
 
Habe das mal auf die Schnelle gemacht.
Sitzt ziemlich mittig.
Ist aber nur ein Ansatz...
Ich übernehme keine Gewähr für die Richtigkeit... :)
Code: 
<html>
<head>
<title>title</title>
<style type="text/css">
body {
margin:25%; /*kann auch entfallen*/
padding:0px; /* für Crossbrowser-Kompatibilität*/
text-align:center; /* Hack fuer IE5/Win */
background-color: #FFFFFF; /*nur Demo*/
}
#Content {
width:50%;
height:50%
margin:0;
text-align:center; /*IE5/Win Hack zurücknehmen*/
padding:0px;
border:1px dashed #FF0000; /*nur Demo*/
background-color:#eee; /*nur Demo*/
}
</style>
</head>
<body>
<div id="Content">
<p>Dein Content</p>
</div>
</body>
</html>
 
Zuletzt bearbeitet:
dkdenz schrieb:
Habe das mal auf die Schnelle gemacht.
Sitzt ziemlich mittig.
Ist aber nur ein Ansatz...
Ich übernehme keine Gewähr für die Richtigkeit... :)
Code: 
<html>
<head>
<title>title</title>
<style type="text/css">
body {
margin:25%; /*kann auch entfallen*/
padding:0px; /* für Crossbrowser-Kompatibilität*/
text-align:center; /* Hack fuer IE5/Win */
background-color: #FFFFFF; /*nur Demo*/
}
#Content {
width:50%;
height:50%
margin:0;
text-align:center; /*IE5/Win Hack zurücknehmen*/
padding:0px;
border:1px dashed #FF0000; /*nur Demo*/
background-color:#eee; /*nur Demo*/
}
</style>
</head>
<body>
<div id="Content">
<p>Dein Content</p>
</div>
</body>
</html>
Zum Vergrößern anklicken....
das ist doch nicht mittig oder zenriert!?
 
ihr solltes euch denke ich damit abfinden, das sich die breite des content wohl seltener ändert als die höhe, deswegen müsste man immer nach korrigieren.
den content horizontal mittig zu platzieren ist daher kein problem.
aber vertikal ist es immer abhängig von der höhe, genau wie bei horizontal mittig es abhängig ist von der breite, nur das diese sich ja fast garnicht ändert.

gecheckt ;)
 
Macht es einfach mit JS, dann hat keiner Probleme, mit onload und onresize im body-Element, ist das einfachste. Und funktioniert zumindest im IE, Opera und Mozilla. Bei anderen weiss ich es nicht. Und wenn es nicht geht, auch kein Problem oder?

Am besten schreibt einer so ein kleines Script oder ein Tutorial, das wäre das beste. Dann wäre das elendige Thema vom Tisch.
 
wenn das so einfach wäre, ich glaube dann würde sich sicher hier keiner gedanken machen.
probiers selbst aus und sag uns dein ergebniss.

zumal vertical-align kein center kennt.
 
Zuletzt bearbeitet:
Du musst dich einloggen oder registrieren, um hier zu antworten.
Zurück
Oben