Mit CSS Webseite zentrieren

[kuscho]

Ich hab mir überlegt, mit einer div-Box die ganze Webseite mittig zu machen, jedoch ist es mir nicht gelungen, hab die ganze Zeit gegoogelt und nichts gefunden.

meine seite Welcome | ????? | Willkommen | Benvenuto | Bienvenida | Bienvenue

Danke für eure Hilfe im Voraus!!!

 

[prm]

Kann ich mir nicht vorstellen, dass du über Google nichts gefunden hast.
Damit sollte klappen:
Horizontale Zentrierung mit CSS
Horizontale und vertikale Zentrierung mit CSS

 

[kuscho]

Leider helfen diese Links nicht

 

[MrMurphy]

Hallo,

dann teil bitte mit, warum dir die Links nicht helfen. Ohne ausreichende Infos von dir kann dir hier nicht geholfen werden.

Gruss

MrMurphy

 

[Elroy]

Hallo.

Falls es sich um die Seite in deinem Link handelt:

Nimm das position fixed raus und setzt dein div in den body dann sollte das auch funktionieren.

Gruss
Elroy

 

[DarkCross44]

Hallo,
am besten machst du es so:

/*Deine Seite: zb: 500px * 500px groß*/
#seite{
top: 50%;
left: 50%;
position: absolute;
margin-top: 250px; /* Die Hälfte von der Höhe */
margin-left: 250px; /* Die Hälfte von der Höhe */
}

So... Das müsste funktionieren ;)

Grüße

 

[threadi]

Nicht ganz richtig. So ist es richtig:

/*Deine Seite: zb: 500px * 500px groß*/
#seite{
top: 50%;
left: 50%;
position: absolute;
margin-top: -250px; /* Die negative Hälfte von der Höhe */
margin-left: -250px; /* Die negative Hälfte von der Breite */
width: 500px;
height: 500px;
}

 

[DarkCross44]

Ja stimmt, hab die Maßangaben vergessen, aber da wäre er bestimmt selber drauf gekommen :>

 

[djheke]

Vielleicht lieber so

html ,body {
 margin:0;
 padding:0;
 height:100%;
 position:relative;
}


#center {
 position:absolute;
 top:0;
 left:0;
 right:0;
 bottom:0;
 height:500px;
 width:500px;
 background:#aaa;
 margin:auto;
}

Is wohl von fricca und funktioniert super.

 

[lascaux]

Hallo,

Mit margin: auto; solltest du das gewünschte Ergebnis erhalten. Die Lösung von threadi ist zwar auch sehr nützlich, nur kann man sich wegen dem position: absolute; ziemlich verzetteln wenn die Seite etwas Aufwendiger wird. Zudem wird die Seite da nicht nur horizontal zentriert, sondern auch vertikal.


lascaux