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


<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; /* Така връщаме текста, да се подравнява в ляво*/
}


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


/ Трябва да сте регистриран за да напишете коментар /
От: streleca_stz
18:04 01-10-2009
Мерси :)
От: alexander19951
23:31 29-04-2010
Хора това направо се копира в Notepad ли ? трябва ми много бързо
1