Форум PHP программистов > Проблема с позиционированием DIV слоя в IE.

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

Полная Версия: Проблема с позиционированием DIV слоя в IE.

welder

14.02.2007 - 17:12

Всем доброго времени суток.

Есть такое описание слоя:

#content {
width:900px;
height:auto;
margin-right:auto;
margin-left:auto;
margin-top:10px;
padding:0px;
text-align:left;
position: relative;
}

нужно позиционирование по середине открываемой странице.
В FireFox и Opera всё нормально проверил в IE и испугался

подскажите как заставить слой встать в середину

да..да и спасибо Бил Гейтсу за наше счастливое детство

Спустя 3 минуты, 4 секунды (14.02.2007 - 16:15) md5 написал(а):

у тебя известна ширина слоя?

HTML

<div id="centerLayer">
test
</div>

HTML

/* CSS */
 
#centerLayer
{
	position: absolute;
	left: 50%;
	margin-left: -400px;   /* при ширине слоя 800 пикселей */
}

ps. это абсолютное кстати позиционирование

еще попробуй здесь найти свое счастье:
http://htmlbook.ru/content/?id=95

Спустя 1 час, 4 минуты (14.02.2007 - 17:19) welder написал(а):

Цитата

у тебя известна ширина слоя?

width:900px;

Цитата

ps. это абсолютное кстати позиционирование

а у меня position: relative;

Спасибо нашел свое счастье где ты посоветовал :)

оставил всё так же просто добавил

BODY { text-align: center; }

Спустя 1 день, 1 час, 44 минуты, 33 секунды (15.02.2007 - 19:04) AlexBB написал(а):

Цитата(welder @ 14.2.2007, 16:12) [snapback]13140[/snapback]

да..да и спасибо Бил Гейтсу за наше счастливое детство

Другие браузеры, скорее всего среагировали на
margin-right:auto;
margin-left:auto;
что кстати не является валидным
http://www.w3.org/TR/CSS21/box.html#mpb-examples
и поэтому вполне законно проигнорировано эксплорером

Поэтому
BODY { text-align: center; }
правильное решение, только лучше это прописать не в BODY, а в другой внешний контейнер (если конечно не надо центровать и все остальные элементы страницы).

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

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