Vertikales Zentrieren ENDLICH DIE LÖSUNG

PowerBookGrafik

Aktives Mitglied
Thread Starter
Dabei seit
12.03.2005
Beiträge
814
Reaktionspunkte
5
Hallo, habe mir gedacht dass das vielleicht ein paar Interessiert weil es sehr viele nicht optimale Lösungen im Net gibt.

Hier mal meine Lösung für das zentrieren eines Divs ohne dass der Div nach links oder oben wegrutschen kann.

PHP:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Vertikales zentrieren</title>

<style type="text/css">
html,body{
    margin:0px;
    height:100%;}
</style>
</head>

<body style="height:100%">
<div style="float:left;
height:50%;
margin-top:-250px;
background:#F30;
width:100%;">xxx</div>
<div style="width:900px; height:500px; background:#3F9; margin:0 auto; clear:both;"></div>
</body>
</html>
 
Zurück
Oben Unten