Форум: Форум PHPФорум ApacheФорум Регулярные ВыраженияФорум MySQLHTML+CSS+JavaScriptФорум FlashРазное
Новые темы: 0000000
PHP Puzzles. Авторы: Кузнецов М.В., Симдянов И.В. C++. Мастер-класс в задачах и примерах. Авторы: Кузнецов М.В., Симдянов И.В. MySQL 5. В подлиннике. Авторы: Кузнецов М.В., Симдянов И.В. PHP. Практика создания Web-сайтов (второе издание). Авторы: Кузнецов М.В., Симдянов И.В. Программирование. Ступени успешной карьеры. Авторы: Кузнецов М.В., Симдянов И.В.
ВСЕ НАШИ КНИГИ
Консультационный центр SoftTime

HTML+CSS+JavaScript

Выбрать другой форум

 

Здравствуйте, Посетитель!

вид форума:
Линейный форум Структурный форум

тема: Вертикальное позиционирование блока по центру страницы
 
 автор: tAleks   (26.05.2009 в 22:49)   письмо автору
 
 

При при таком DOCTYPE:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

Никак не могу выровнять по центру вертикально.

Делаю табицу, 100% высоты. Без этого DOCTYPE - работает. С ним никак не могу.

DOCTYPE убирать нельзя. Можно ли при нем, решить задачу?

  Ответить  
 
 автор: PAT   (27.05.2009 в 01:36)   письмо автору
 
   для: tAleks   (26.05.2009 в 22:49)
 

>"Никак не могу выровнять по центру вертикально."

Если поделитесь тайнами:
- "что" выравниваете?
- "внутри чего" выравниваете?
- "как" выравниваете?
тогда, может быть, кто-то вам и поможет.

  Ответить  
 
 автор: ExtraBrain   (27.05.2009 в 10:26)   письмо автору
 
   для: tAleks   (26.05.2009 в 22:49)
 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Strict//EN" "http://www.w3.org/TR/REC-html40/strict.dtd">
<html>
<head>
<title>Obrazec</title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
</head>

<body>
<div style="position:absolute;left:50%;top:50%">
 <div "style="width:600px; height:400px; border: 1px solid red; position:absolute;left:-300px;top:-200px;">
  123<br>123123
 </div>
</div>

<div "style="width:200px; height:200px; border: 1px solid green; position:absolute;left:10px;top:10px;">
  123<br>123123
</div>
<div "style="width:200px; height:200px; border: 1px solid green; position:absolute;right:10px;top:10px;">
  123<br>123123
</div>
<div "style="width:200px; height:200px; border: 1px solid green; position:absolute;left:10px;bottom:10px;">
  123<br>123123
</div>
<div "style="width:200px; height:200px; border: 1px solid green; position:absolute;right:10px;bottom:10px;">
  123<br>123123
</div>

</body>
</html>

Вот когда то с блоками упражнялся, может чего то пригодится и вам.

  Ответить  
 
 автор: mihdan   (27.05.2009 в 10:59)   письмо автору
 
   для: tAleks   (26.05.2009 в 22:49)
 

Для начала прочтите как растянуть на весь экран. Высота фиксирована? того что хотите ровнять

  Ответить  
Rambler's Top100
вверх

Rambler's Top100 Яндекс.Метрика Яндекс цитирования