Абсолютно центриране с CSS2
Голям зор с тоя DDT... нещо ме гложди от вътре като пиша код който не е "валиден" спрямо нечии представи.
И тей като height не е валиден атрибут единствения начин да се позиционира нещо в средата на прозореца е CSS.
Това което измъдрих аз досега:
Код:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtm...sitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
<style type="text/css">
html, body, #wrapper {
height:100%;
margin: 0;
padding: 0;
border: none;
text-align: center;
}
#wrapper {
margin: 0 auto;
text-align: center;
vertical-align: middle;
width: 100%;
}
</style>
</head>
<body>
<table id="wrapper">
<tr>
<td>center maina</td>
</tr>
</table>
</body>
</html>
Би трябвало да работи с всички налични браузъри. Интересно някой дали има по-просто решение на проблема?
BTW Промених малко кода - вече е 100% валиден, преди имаше един warning...
Re: Абсолютно центриране с CSS2
Re: Абсолютно центриране с CSS2
Цитат:
Първоначално публикувано от devil
това определено не е по-прост начин от моя ;)
Re: Абсолютно центриране с CSS2
Принципно това е идеята за вертикално центриране, но защо слагаш таблица с една клетка? По-лесно е да сложиш:
Код:
<div id="wrapper">center majna</div>
Според философията на web стандартите, таблиците се ползват само за представяне на данни в табличен формат.
Ако четеш на руски тука има една кратка, но доста съдържателна статия за позиционирането с помощта на стилове.