Rambler's Top100
, : |

! : http://dreamweaver.net.ru/new-forum/

| FAQ | | |

Проблема с расположением DIV-ов, заключенных в DIV-контейнер

 
  ,         .     ,        .     Форум Macromedia Dreamweaver -> HTML & CSS
 
O'Sullivan
Знакомый

Знакомый


: 42

: 01.12.2005
: 96
: Odessa

: 05, 2006 11:43 pm     : Проблема с расположением DIV-ов, заключенных в DIV-контейнер

(может и не самое удачное название темы...)

Проблема такая.
Имеется два div-a которые надо расположить рядом, назовём их 1 и 2, и один контейнер для них <div id="wrapper"> который содержит эти два.
Второму div присваиваю значение float: right, и если ничего не присваивать левому (№1) то в Firefox эта страница отобразится так как нужно: http://www.daily-grind.org/AC/shitscum-css.html.
Однако в Эксплорере второй div будет нависать справа над первым.

Но как только присваиваешь первому div значение типа position: absolute; (или float:left) - они вроде бы встают рядом на места в обоих браузерах, но выпадают из контейнера wrapper. Т.е. в коде они остаются "в нём" но визуально выпадают "из него".

Что я делаю не так?
admin
Администратор

Администратор


: 40

: 10.08.2004
: 1717
: Ukraine

: 06, 2006 7:34 am     :

Ждем что скажет OldFornit Wink
OldFornit
Модератор

Модератор


: 36

: 12.05.2005
: 846

: 06, 2006 1:13 pm     :

дождались )).
Левому - float:left
Правому - margin-left: = ширине левого
Оба - позишн релатив и топ:0
И визуально они по любому выпадут. Разве что всем высоту в 100% дать.
Растаягивание дивов - это отдельная история
O'Sullivan
Знакомый

Знакомый


: 42

: 01.12.2005
: 96
: Odessa

: 06, 2006 8:27 pm     :

OldFornit, сделал всё как вы сказали. Результат удручает: [url]http://www.daily-grind.org/AC/shitscum-css3.html[/url].
Правый нависает справа над левым.
OldFornit
Модератор

Модератор


: 36

: 12.05.2005
: 846

: 07, 2006 7:41 am     :

шо-то я поковырялся...
А если временно в исходном коде оба блока местами поменять? Для начала?
И еще - по ходу дела какая-то ошибка именно со структурой документа. При просмотре одной приблудой сгенерированного кода получается не совсем то, что прописано в оригинальном исходном коде.
O'Sullivan
Знакомый

Знакомый


: 42

: 01.12.2005
: 96
: Odessa

: 07, 2006 11:28 am     :

OldFornit, в смысле местами поменять? в коде один переместить выше другого? или левый блок сделать правым и наоборот?

А приблуда надёжная, не могла соврать?
OldFornit
Модератор

Модератор


: 36

: 12.05.2005
: 846

: 07, 2006 11:30 am     :

в коде поменять местами
O'Sullivan
Знакомый

Знакомый


: 42

: 01.12.2005
: 96
: Odessa

: 07, 2006 12:39 pm     :

OldFornit, сделал (по той же ссылке можно глянуть).
Результат: в фаерфоксе - блоки стоят рядом, но выпали из блока-контейнера.
в эксплорере - они в контейнере, но правый спозл справа под левый. Sad

А визуально в Дриме блок-контейнер заканчивается там где заканчивается правый блок.
OldFornit
Модератор

Модератор


: 36

: 12.05.2005
: 846

: 07, 2006 1:18 pm     :

Частично поздравляю. Но! Нет учета блочной модели документа. Сиреч - надо бы вспомнить, что ширина блока это фактическая ширина+все отступы+ширина бордюра.
Вот и идет разный обсчет ширин. Можно поюзать какой-нидь хак для ослика.
Из блока контейнера выпали - понятно, но решаемо только средствами java-script. У меня это решено. Смотрите http://1c-smart.ru/
Скрипты в принципе несложные, но заточены под меня. Там же у меня реализована структура документа, подобная вашей.
O'Sullivan
Знакомый

Знакомый


: 42

: 01.12.2005
: 96
: Odessa

: 07, 2006 1:38 pm     :

OldFornit, что ж - спасибо и на том. Буду искать другое решение проблемы. Вроде не такое и сложное задание с виду, к тому же - здесь же у меня как-то получилось (с тремя блоками): http://wright-frank.com/
:   
  ,         .     ,        .     Форум Macromedia Dreamweaver -> HTML & CSS : GMT + 2
1 1

 


Powered by phpBB © 2001, 2005 phpBB Group
phpBB


/ : 136198 / 0

Rambler's Top100 @Mail.ru