nicht angemeldet
Lieber Andreas,
[...]Horizontale Zentrierung kann also nicht stattfinden.
[...]Vertikale Zentrierung kann also ebenfalls nicht stattfinden.
und wie soll der OP jetzt vorgehen? Etwa so?
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="de" xml:lang="de">
<head>
<title>Mittige Ausrichtung</title>
<style type="text/css">
~~~css
/* mittig ausgerichteter Bereich (horizontal und vertikal) */
#mitte {
position: absolute;
top: 25%;
bottom: 25%;
left: 25%;
right: 25%;
margin: 0px;
padding: 10px;
background: #ffc0c0;
border: 1px solid #ff0000;
}
#mitte h1 {
margin: 0px;
padding: 5px;
text-align: center;
background: #c0c0ff;
border: 2px solid #0000ff;
}
#mitte p {
margin: 0 20px;
padding: 20px;
text-align: center;
background: #c0ffc0;
border: 2px solid #00ff00;
}
~~~html
</style>
</head>
<body>
<div id="mitte">
<h1>Mittige Ausrichtung</h1>
<p>Seite derzeit nicht erreichbar.</p>
<p>Seite offline.</p>
</div>
</body>
</html>
Die absolute Positionierung ist deswegen nötig, da sonst die Breite nicht anhand der left/right Werte, und die Höhe nicht anhand der top/bottom Werte ermittelt wird.
Liebe Grüße aus Ellwangen,
Felix Riesterer.
ie:% br:> fl:| va:) ls:[ fo:) rl:° n4:? de:> ss:| ch:? js:) mo:} zu:)
Auge
MudGuard