Xpoint
   [напомнить пароль]

Центрирование DIV-a с неизвестной шириной

Метки: [без меток]
2007-11-21 17:44:32 [обр] veejar[досье]

Нужно сверстать такое:
http://www.itgrp.net/examples/centered_div.gif

Т.е. нужно отцентрировать DIV, который находится в TD и, что самое главное, не имеет конкретной ширины (мне очень важно, что бы он его ширину устанавливало его содержимое)

В Firefox и Opera сделать просто, потому что есть display: table. Вот код:

<style>
.mydiv {
  height: 100px;
  display: table;
  background-color: orange;
}
</style>

<table cellpadding='0' cellspacing='0' border='0' width='100%'>
  <tr>
    <td bgColor='#CCCCCC' align='center'>
      <div class='mydiv'>CONTENT</div>
    </td>
  </tr>
</table>

Как сделать для IE6+ не знаю. Пробовал многое. Никак.
Кто-то может имеет вариант?

спустя 24 минуты [обр] Алексей Севрюков(44/1292)[досье]
veejar[досье] style="margin: 0 auto" у div?
спустя 4 минуты [обр] veejar[досье]
Это я знаю. Как сделать DIV таким, что бы его ширину устанавливал контент и можно было установить нужную высоту DIV? И после этого его еще можно бы было отцентрировать.
спустя 6 дней [обр] Юрий(0/9)[досье]
Кстати меня тоже этот вопрос интересует! Как раз с этим сейчас разбираюсь ;)
Алексей Севрюков[досье]
Как сделать что бы ширина блока поджималась в зависимости от контента?
спустя 19 минут [обр] Алексей Севрюков(44/1292)[досье]
Юрий[досье] Я не верстальщик. Сейчас Евгений Георгиевич доберется до темы и расскажет )
спустя 15 минут [обр] Евгений Петров(172/1055)[досье]
veejar[досье], Юрий[досье]
Самый надежный способ решения такой задачи на данный момент - еще одна вложенная таблица.
Иначе это будут вот такие обходные маневры: Вертикальное выравнивание текста.
Или expression.
IMHO других средств нет.
спустя 6 месяцев [обр] Дмитрий Титаренко[досье]
Я пользовался таким вариантом.
http://www.artlebedev.ru/tools/technogrette/html/align-center/
Все вполне работает, только тяжеловато было сначала понять как она работает :)
спустя 32 минуты [обр] Евгений Петров(172/1055)[досье]
Дмитрий Титаренко[досье]
Это то же самое, что и Вертикальное выравнивание текста
Powered by POEM™ Engine Copyright © 2002-2005