Форум Сайтостроение Веб-строительство

Как поменять 2 div'а местами

AF
На сайте с 20.11.2007
Offline
10
AlexFrimen
1420

Задача: сделать чтобы блок с контентом в коде размещался первым, хотя фактическое положение контента в старнице ниже.

Сделал что то типа: 


<style>

  #div_1 {width: 100%; height: 500px; Position: relative;}

  #div_2 {width: 100%; Position: absolute; Top: 500px;}

</style>



<body>

<div id="div_2">Текст 2</div>

<div id="div_1">Текст 1</div>

...в надежде получить на странице следующее: 


Текст 1

Текст 2

В результате в фоксе всё нормально работает, а в ие почему то блок с ид div_2 вообще не отображается!

Подскажите в чём может быть ошибка и сёществуют ли альтернативные методы решения данной задачи?

вёрстка сайтов (http://webverstka.ru/)
Barkoff
На сайте с 17.09.2007
Offline
27
Barkoff
#1

Проверил в Firefox 3, IE 6-7, Opera 9.5 - оба блока отображаются как нужно :)

Дизайн сайтов, вёрстка, создание сайтов «под ключ», удалённое сопровождение (http://deworks.ru/)
Портфолио (http://www.free-lance.ru/users/Deworks)
[L
На сайте с 14.06.2008
Offline
19
[LP]LordPro.teus
#2

Barkoff, а вы кудесник... у меня на абсолютном позиционировании страница ни в ИЕ6, ни в ИЕ7 не работает - в смысле, само позиционирование... показывает как попало

[S]UkrBlogs (http://www.ukrblogs.org.ua/) | FerrariClub (http://www.ferrariclub.org.ua/) . Мир Enigma (http://www.enigmaworld.org.ua/)
Barkoff
На сайте с 17.09.2007
Offline
27
Barkoff
#3

[LP]LordPro.teus, да нет, не кудесник :) Уже приходилось выполнять такую "seo-вёрстку", когда контент идёт в коде первым, а уже за ним шапка+меню - во всех браузерах страничка отображается идентично без каких либо ухищрений. Всё делается при помощи чистого css :)

eTarget 2011:Панельная дискуссия «Стратегия eTarget 2011: Круглый стол Могут ли «плохие» входящие
Ткач
На сайте с 29.04.2007
Offline
95
Ткач
#4

смысл приблизительно такой, но неправильно.

шапке задаем высоту и абсолютное позиционирование относительно обрамляющего блока и кидаем код с шапкой вниз (для пользователя она будет вверху).

Контенту задаем пэддингом отступ на высоту шапки (чтобы он показывлся под ней), и кидаем код вверх.

Разработка и создание сайтов. Красиво, функционально, недорого. (http://time-online.ru/) ICQ 388-474-890)
Dimid
На сайте с 03.12.2006
Offline
74
Dimid
#5

проверил, всё работает :)

я бы сделал как вам советует Ткач ;)

AF
На сайте с 20.11.2007
Offline
10
AlexFrimen
#6
смысл приблизительно такой, но неправильно.
шапке задаем высоту и абсолютное позиционирование относительно обрамляющего блока и кидаем код с шапкой вниз (для пользователя она будет вверху).
Контенту задаем пэддингом отступ на высоту шапки (чтобы он показывлся под ней), и кидаем код вверх.

Да, действительно помогло. Спасибо большое!

я бы сделал как вам советует Ткач

Тк я и сделал ;)

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий