Вернуться   Дизайнерский форум » ВЕБ-ПРОГРАММИРОВАНИЕ » HTML, CSS, JavaScript

Выравнивание по высоте (вертикали)

Обсуждение темы Выравнивание по высоте (вертикали) в разделе HTML, CSS, JavaScript, часть категории ВЕБ-ПРОГРАММИРОВАНИЕ; Только начинаю осваивать верстку на дивах, столкнулся с такой проблемой: Вот кусок кода выводящий блок: Код: <div id="oficsite">официальный сайт городского поселения</div> А вот ...


Закрытая тема
 
Опции темы
Старый 28.08.2008, 17:23   #1
Только начинаю осваивать верстку на дивах, столкнулся с такой проблемой:
Вот кусок кода выводящий блок:
Код:
<div id="oficsite">официальный сайт городского поселения</div>
А вот код CSS который это всё обрабатывает:
Код:
#oficsite
	{
	background-color: red;
	float: left;
	width: 770px;
	height: 30px;
	font-family: Tahoma;
	font-size: 12px;
	color: #2a1f03;
	}
В общем проблема в том, что текст получается приклеен к верхней границе, а снизу остаёться много места. А мне надо, чтобы он был посередине в вертикальной плоскости. Подскажите как сделать?
 
Старый 28.08.2008, 17:23
Ссылки
Старый 28.08.2008, 17:30   #2
Тебе лучше заключить текст в параграф( <p>...</p>) и к нему применять позиционирование (position:absolut или position:relative и задавать им top:50%) ну или margin-top:50% я думаю должно помочь А да чуть не забыл чтобы указывать p позиционирование нужно указать позиционирование родительскому элементу, в твоем случае это div

Последний раз редактировалось Rembrandt; 28.08.2008 в 17:32..
 
Старый 28.08.2008, 17:51   #3
проблема в том, что мой div является элементом разметки страницы, т.е. включён в общий дизайн и при его смещении едет вся страница.
Я слышал, что к тексту надо применить что-то как к блоку, а что за свойство не знаю. То что вы предложили не работает, всё расползается, а текст в блоке не движется.

Добавлено через 2 минуты

Как вообще можно сделать, чтобы текст в блоке располагался по центру?

Последний раз редактировалось Отшельник; 28.08.2008 в 17:51.. Причина: Добавлено сообщение
 
Старый 28.08.2008, 17:59   #4
Ссори не margin,а padding-top:50% или в рx пропишите...
 
Этот пользователь сказал спасибо Rembrandt за это полезное сообщение:
Отшельник (28.08.2008)
Старый 28.08.2008, 18:00   #5
в случае однострочного блока (текст исключительно в одну строчку) проблемма решается
line-height:28px;
 
Этот пользователь сказал спасибо Асмодиан за это полезное сообщение:
Отшельник (28.08.2008)
Старый 28.08.2008, 18:11   #6
Огромное спасибо, с padding помогло, но кода больше получилось.
С line-height всё нормально и кода меньше.
 
Старый 28.08.2008, 18:11
Закрытая тема


Опции темы


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Резиновая вёрстка по высоте... Денисон HTML, CSS, JavaScript 4 07.07.2007 22:31
Выравнивание таблицы по вертикали loop1 HTML, CSS, JavaScript 6 15.02.2007 14:06
растяжение дизайна по высоте Speed4U HTML, CSS, JavaScript 4 07.02.2007 09:36
img в div выравнивание по вертикали rubanok HTML, CSS, JavaScript 5 22.06.2006 19:41
Выравнивание по вертикали в таблице. Взгляд из Ie Junkers HTML, CSS, JavaScript 12 21.09.2004 12:04


Текущее время: 20:04. Часовой пояс GMT +4.

Реклама на форуме Условия размещения рекламы
Биржа ссылок Заработай на сайте!
Дизайнерский форум