Форумы портала PHP.SU :: Версия для печати :: Помогите отцентрировать <div> по горизонтали.

1. luser78 - 07 Февраля, 2010 - 15:12:49 - перейти к сообщению

Мой вариант не работает,
<div style="clear:left;width:800px" align="center">

Помогите отцентрировать <div> по горизонтали.

2. SAD - 07 Февраля, 2010 - 15:14:42 - перейти к сообщению

left:50%

3. luser78 - 07 Февраля, 2010 - 15:17:04 - перейти к сообщению

Спасибо.

Вот получено решение для почти всех браузеров :
<div style="text-align: center;">

<div style="width: 50%; margin-left: auto; margin-right: auto; ">

</div>
</div>

4. Hunter - 07 Февраля, 2010 - 15:36:13 - перейти к сообщению

luser78 пишет:

Вот получено решение для почти всех браузеров :

убираем слово "почти" и делаем такую функцию Подмигивание

CODE (javascript):
скопировать код в буфер обмена

function positionMessage(elem) {
  elem.style.position = 'absolute'
 
  var scroll = document.documentElement.scrollTop || document.body.scrollTop
  elem.style.top = scroll + 200 + 'px'
 
  elem.style.left = Math.floor(document.body.clientWidth/2) - 150 + 'px'
}

тут элемент elem - ваш див, допустим шириной 300 пикселов, который естественно необходимо предварительно получить в виде элемента DOM вашей страницы.
вторая строка функции оставляет элемент в нужной нам позиции при прокрутке, если это лишнее то просто уберите. Третья строка как раз размещает элемент в середине страницы в независимости от того в полноэкранном виде пользователь смотрит страницу или нет...
вообще та эта функция для альтернативного алерта))) но так как я не знаю всех нюансов вашей задачи Подмигивание

,
у меня работает во всех браузерах Подмигивание