Вертикално центриране

Автор: t0m3kk

Много лесно и просто уроче за центриране на целия сайт, по всички браузъри.

<html>
<head>
<title>Вертикално центриране</title>
<meta http-equiv="content-type" content="text/html; charset=windows-1251">
<link href="style.css" rel="stylesheet" type="text/css" ></link>
<!--[if lt IE 7]><link rel="stylesheet" href="ie.css" type="text/css" /><![endif]-->
</head>
<body>
<div id="wrapper">
<!--В този div слагате останалата част на сайта (всичко, което искате да центрирате)!-->
</div>
</body>
</html>

В style.css записвате следните неща:

body {
margin: 0;
padding: 0;
/* Това се слага сайта, да прилепне плътно */
}

#wrapper {
margin: auto; /* С "margin: auto;" div-a с ID "wrapper" минава в центъра на сайта */
}

В ie.css записваме следното:

body {
margin: 0;
padding: 0;
/* Това се слага сайта, да прилепне плътно */
text-align: center; /* С "text-align: center;" ще излъжем Internet Explorer, да подравни сайта в центъра на страница */
}

#wrapper {
margin: auto; /* С "margin: auto;" div-a с ID "wrapper" минава в центъра на сайта */
text-align: left; /* Така връщаме текста, да се подравнява в ляво*/
}

Това според мен е най-лесния начин за вертикално центриране…