Форум PHP программистов > Как выравнивать по вертикали содержимое DIVов?

[ Поиск ] - [ Пользователи ] - [ Календарь ]

Полная Версия: Как выравнивать по вертикали содержимое DIVов?

Edd

25.10.2006 - 13:32

Чем выравнивать то? <br><br>vertical-align не работает почему-то :(<br><br>

 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
 
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru">
 
<head>
  <title>Sample</title>
  <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
  <style type="text/css"><!--
    body, div, p {
      padding: 0px;
      margin: 0px;
    }
    div {
      border: 1px black solid;
      height: 50px;
      vertical-align: bottom;
    }
    p {
      border: 1px red solid;
    }
  --></style>
</head>
 
<body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
  <div>Text</div>
  <div><p>Text</p></div>
</body>
 
</html>

Спустя 2 часа, 3 минуты, 32 секунды (25.10.2006 - 14:35) Leningrad00 написал(а):

а) сделать таблицей и не мучить котенка;
б) http://brunildo.org/test/shrink_center_4.html

Спустя 23 минуты, 8 секунд (25.10.2006 - 14:58) Edd написал(а):

Leningrad00,

Покурил ссылку... Подумал каково котенку... :lol:

М-да, по сути делают через DIV + SCC тоже самое, что сделал бы браузер, разбирая таблицу.
Таки глупо от таблиц совсем уж отказываться...

Спустя 5 минут, 58 секунд (25.10.2006 - 15:04) Leningrad00 написал(а):

Вот и ладненько.
А про здесь: http://phpforum.ru/viewtopic.php?pid=6340 как думаешь?

Спустя 15 часов, 26 минут, 16 секунд (26.10.2006 - 06:31) sasaindahouse написал(а):

 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
 
<head>
  <title>Sample</title>
  <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
  <style type="text/css"><!--
    body, div, p {
      padding: 0px;
      margin: 0px;
	
    }
    div {
      border: 1px black solid;
      height: 50px;
      
    }
    p {
      border: 1px red solid;
    }
	
	#gubkaBOB {
	height: 100%;
	width: 100%}
	 
	#sasa {
	display: block;
	height: 100px;
	position: relative;
	top: 100%;
	left: 0%;
	margin: -100px 0 0 0;
	background: gray;
	}
  --></style>
</head>
 
<body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<div id="gubkaBOB">
  <div id="sasa">
	  <div>Text</div>
	  <div><p>Text</p></div>
  </div>
</div>
</body>
 
</html>

Так сойдет?

Спустя 2 часа, 25 минут, 50 секунд (26.10.2006 - 08:56) Leningrad00 написал(а):

Что это?

Спустя 14 часов, 8 минут, 42 секунды (26.10.2006 - 23:05) sasaindahouse написал(а):

Ну, Edd спросил, как выровнять по вертикали. Я предложил positon: relative, как вариант. Можно также через display: block

Спустя 12 часов, 32 минуты, 33 секунды (27.10.2006 - 11:38) Leningrad00 написал(а):

Он не выравнивает.

_____________

Быстрый ответ:

Здесь расположена полная версия этой страницы.