✔ layer in der mitte des browsers

Status
Nicht offen für weitere Antworten.
meiner0815

meiner0815

Mitglied
hallo!

kann man einen div Layer immer in der Mitte des Browsers halten, auch wenn man dann die Größe des Fensters verändert?

mfg
meiner
 
Es geht ohne Javascript.
HTML: 
<html>

<head>
<title>bla</title>
</head>

<body style="text-align:center"><!-- Das hier -->
<center><!-- oder das-->
	<div style="width:500px;background:blue;">bla bla bla</div>
</center>
</body>

</html>
Du verwendest entweder die style Eigenschaft im body-Tag, oder den HTML-Tag center. Bei beiden wird der Text im Div jedoch ebenfalls zentriert. (lässt sich mit text-align beheben.)
 
Hier zwei CSS-Regeln zum horizontalen Zentrieren einer DIV-Box :
Code: 
div.centerBox {
margin: 0 auto;
width: 600px;
border: 1px solid #000;
}
Code: 
div.centerBox {
position: absolute;
left: 50%;
width: 600px;
margin-left: -300px;
border: 1px solid #000;
}
Das Thema wird ins CSS-Board verschoben.
 
Anmerkung: das center-Element gilt als veraltet und deprecated (= abgelehnt, missbilligt).

Stattdessen sollte die Zentrierung eines Elements oder Elementinhaltes mit CSS geregelt werden.
 
@Maik: auch meinerseits vielen Dank für den Tipp. Aber eine Nachfrage noch: div.centerBox auch, wenn ich position auf fixed setze?
 
@ helaukoenig: der Wert fixed wird vom IE6 nicht unterstützt, weshalb stattdessen absolute oder relative verwendet werden sollte.

Ansonsten wäre eine CSS-Browserweiche erforderlich, um so einen dieser beiden Werte für den IE anzugeben.
 
Status
Nicht offen für weitere Antworten.

Neue Beiträge

Zurück