X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость (

| Вход | Регистрация )

2 страниц V   1 2 >
Открыть тему
Тема закрыта
> Содержимое DIV по вертикали
pivkos
pivkos
Topic Starter сообщение 5.9.2009, 14:13; Ответить: pivkos
Сообщение #1


Здравствуйте!

Подскажите, пожалуйста, как можно кроссбраузерно выровнять всё содержимое див по центру(по вертикали)?

Заранее спасибо за помощь!
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Htmlmaster
Htmlmaster
сообщение 5.9.2009, 16:03; Ответить: Htmlmaster
Сообщение #2


<div align="center">Здесь располагается содержимое нового тега Div</div>

:goodpost:
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Htmlmaster
Htmlmaster
сообщение 5.9.2009, 16:11; Ответить: Htmlmaster
Сообщение #3


По ветикали сделать невозможно,
только если разместиь div в таблицу:
<table width="769" border="1">
<tr>
<td width="759" height="46" valign="middle"><div align="center">Здесь располагается содержимое нового тега Div</div></td>
</tr>
</table>
выравнивает по центру...
valign="bottom"-выравнивает по нижнему краю,
valign="top"-по верхнему краю
valign="baseline"-по базовой линии :goodpost:
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
pivkos
pivkos
Topic Starter сообщение 5.9.2009, 17:08; Ответить: pivkos
Сообщение #4


(Htmlmaster @ 5.9.2009, 19:03) *
<div align="center">Здесь располагается содержимое нового тега Div</div>
:goodpost:

Меня интересует по вертикали ;)


(Htmlmaster @ 5.9.2009, 19:11) *
По ветикали сделать невозможно,
только если разместиь div в таблицу:
<table width="769" border="1">
<tr>
<td width="759" height="46" valign="middle"><div align="center">Здесь располагается содержимое нового тега Div</div></td>
</tr>
</table>
выравнивает по центру...
valign="bottom"-выравнивает по нижнему краю,
valign="top"-по верхнему краю
valign="baseline"-по базовой линии :goodpost:

С таблицей тоже всё понятно, вопрос, как обойтись без таблицы?
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Htmlmaster
Htmlmaster
сообщение 5.9.2009, 17:20; Ответить: Htmlmaster
Сообщение #5


В том то и дело, что никак
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Htmlmaster
Htmlmaster
сообщение 5.9.2009, 17:23; Ответить: Htmlmaster
Сообщение #6


может ты мне скажешь спасибо:goodpost:
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
pivkos
pivkos
Topic Starter сообщение 5.9.2009, 18:05; Ответить: pivkos
Сообщение #7


(Htmlmaster @ 5.9.2009, 20:20) *
В том то и дело, что никак

А как же чистая див-вёрстка? Там вообще нет никаких таблиц, следовательно способ есть ;)
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Htmlmaster
Htmlmaster
сообщение 5.9.2009, 18:28; Ответить: Htmlmaster
Сообщение #8


:goodpost: Готов вас обрадывать, покапался в мыслях и нашёл ответ:pionertrava:

<div style="vertical-align:top">Здесь располагается содержимое нового тега Div</div>
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Htmlmaster
Htmlmaster
сообщение 5.9.2009, 18:28; Ответить: Htmlmaster
Сообщение #9


надеюсь вы скажете мне спасибо
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Apay
Apay
сообщение 5.9.2009, 19:29; Ответить: Apay
Сообщение #10


<div class="vmiddle">
bla-bla-bla
</div>
css:
.vmiddle {
  vertical-align: middle;
  display: table-cell;
  behavior:url(vmiddle.htc);
  }
vmiddle.htc
<public:component lightweight="true">
<script language="javascript">
function CenterContentsVertical(){
  var h = this.clientHeight;
  var i = Math.round( ( h - this.scrollHeight ) / 2 );
  this.style.paddingTop = i + 'px';
  this.style.height = ( h - i ) + 'px';
  }
CenterContentsVertical(this);
</script>
</public:component>
последнее для ослика, но я не стал тщательно прописывать htc, поэтому работает только для неизменных по высоте дивов без паддинга сверху и снизу (кто захочет - может доработать
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
2 страниц V   1 2 >
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Моя div-ная верстка соответствует ли стандартам
Хотелось бы конструктивной критики
10 muratastana 1593 14.1.2023, 1:16
автор: xweb
Открытая тема (нет новых ответов) Kadam.net - Промышленные объемы трафика под все вертикали | 90% отчисления паблишерам!
2 support_kadam 1803 18.4.2022, 16:40
автор: support_kadam
Открытая тема (нет новых ответов) DIV'ы в строку
0 RedEclipse 5465 29.9.2016, 17:53
автор: -RedEclipse-
Открытая тема (нет новых ответов) при выборе radio в option не скрывались div
0 serj123 6930 17.4.2016, 17:45
автор: -serj123-
Открытая тема (нет новых ответов) Как заставить отображать несколько элементов DIV в одну строку?
2 Aalena 4014 10.1.2016, 10:18
автор: -Aalena-


 



RSS Текстовая версия Сейчас: 18.4.2024, 20:52
Дизайн