Абсолютно центриране с CSS2

**LordOfEvil** · 06-10-05, 22:12

Голям зор с тоя 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...

**devil** · 06-10-05, 22:21

http://www.alistapart.com/articles/footers
примера - http://www.alistapart.com/d/footers/...ariation1.html

**LordOfEvil** · 06-10-05, 22:26

Първоначално публикувано от devil

http://www.alistapart.com/articles/footers
примера - http://www.alistapart.com/d/footers/...ariation1.html

това определено не е по-прост начин от моя

**fori** · 17-10-05, 11:07

Принципно това е идеята за вертикално центриране, но защо слагаш таблица с една клетка? По-лесно е да сложиш:

Код:

<div id="wrapper">center majna</div>

Според философията на web стандартите, таблиците се ползват само за представяне на данни в табличен формат.

Ако четеш на руски тука има една кратка, но доста съдържателна статия за позиционирането с помощта на стилове.

Абсолютно центриране с CSS2

Инструменти на темите

Абсолютно центриране с CSS2

Re: Абсолютно центриране с CSS2

Re: Абсолютно центриране с CSS2

Re: Абсолютно центриране с CSS2

Подобни теми

HTPC медия плеър (абсолютно безшумно)

Абсолютно фалшиво прясно мляко на Филикон-97, Пловдив

SetCombG.com

Следвай ни