nicht angemeldet
Seite zentrisch positionieren
Hallo,
ich würde meine Website gern per CSS zentrisch positionieren (unabhängig von der Auflösung des Bildschirms), aber leider habe ich keinerlei Ahnung, wie das funktioniert.
Bis jetzt bin ich erst soweit gekommen:
#Seite {
position:absolute;
(left:50px;)
top:50px;
width:400px;
margin:0px;
}
Ich dachte vielleicht würde es mit "align:center;" gehen, tut es aber nicht...
Vielen Dank schon im Voraus.
Gruß
Alex
-
Hallo Alex,
diese Links helfen Dir bestimmt weiter:
http://www.css4you.pehlgrim.de/wslayout1/ex0003.htm
http://www.css4you.pehlgrim.de/
Schöne Grüße aus Solingen
DerWeb | http://www.derweb.de
--
SELFCode: sh:( fo:| ch:| rl:( br:> br:] n4:( ie:% mo:) va:| de:[ zu:$ fl:| ss:| ls:[ js:|
http://emmanuel.dammerer.at/selfcode.html -
Hallo,
ich würde meine Website gern per CSS zentrisch positionieren (unabhängig von der Auflösung des Bildschirms), aber leider habe ich keinerlei Ahnung, wie das funktioniert.
Bis jetzt bin ich erst soweit gekommen:#Seite {
position:absolute;
(left:50px;)
top:50px;
width:400px;
margin:0px;
}hast du's mal so probiert:
body
{
margin-left:5%;
margin-right:5%;
}Struppi.
-
Hi,
ich würde meine Website gern per CSS zentrisch positionieren (unabhängig von der Auflösung des Bildschirms), aber leider habe ich keinerlei Ahnung, wie das funktioniert.
margin:auto; sollte weiterhelfen. Funktioniert aber AFAIK *nicht* im IE
Siehe auch http://selfhtml.teamone.de/css/eigenschaften/randabstand.htm
HTH
wunderwarzenschwein
--
ss:} zu:$ ls:} fo:| de:] va:) ch:? sh:( n4:# rl:? br:> js:| ie:( fl:{ mo:)-
Hallo,
margin:auto; sollte weiterhelfen. Funktioniert aber AFAIK *nicht* im IE
"kommt drauf an"
siehe http://aktuell.de.selfhtml.org/tippstricks/css/ausrichtung/index.htm
Viele Grüße
Carsten
-
-
Hi,
da gabs mal ein schlaues Posting...
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/1999/REC-html401-19991224/loose.dtd">
<html>
<head><title>Div Layer zentriert</title>
<style type="text/css">
html, body {
margin:0;
width:100%;
height:100%
}#zentri {
position:absolute;
top:50%;
left:50%;
width:200px;
height:300px;
border:1px solid red;
margin-top:-150px;
margin-left:-100px
}
</style>
</head><body>
<div id="zentri"></div>
</body>
</html>Fuer NC4x musst Du allerdings Javascript nehmen: Fenstergroesse auslesen und div-layer hinschieben.
Gruesse Joachim
-
Vielen Dank für eure Antworten. Werde die Tipps gleich mal ausprobieren...
Schöne Grüße
Alex