Форум программистов
 

Восстановите пароль или Зарегистрируйтесь на форуме, о проблемах и с заказом рекламы пишите сюда - alarforum@yandex.ru, проверяйте папку спам!

Вернуться   Форум программистов > Web программирование > HTML и CSS
Регистрация

Восстановить пароль
Повторная активизация e-mail

Купить рекламу на форуме - 42 тыс руб за месяц

Ответ
 
Опции темы Поиск в этой теме
Старый 26.05.2010, 11:31   #1
caprella
 
Регистрация: 26.05.2010
Сообщений: 5
По умолчанию Обтекание в ИЕ: блочный обтекающий элемент не обтекает

Собственно проблема в сабже. Есть блок с float: left, и есть div, который должен его обтекать. В этом div есть p, img и другие радости. В итоге имеем (красным цветом выделен собственно div) скриншот. Гуру верстки, как сделать так, чтобы краснофоновый блок обтекал блок с картинками и снизу?
Изображения
Тип файла: png example.png (18.9 Кб, 71 просмотров)
caprella вне форума Ответить с цитированием
Старый 26.05.2010, 12:19   #2
Magneto
Форумчанин
 
Аватар для Magneto
 
Регистрация: 10.02.2008
Сообщений: 178
По умолчанию

в данном случае Вам нужно обтекать картинки не дивом (в котором абзацы и тд) а непосредственно самими абзацами - тоесть уберите див или поместите картинки внутрь ко всем Вашим абзацам
Magneto вне форума Ответить с цитированием
Старый 26.05.2010, 12:41   #3
caprella
 
Регистрация: 26.05.2010
Сообщений: 5
По умолчанию

Т.е. IE в принципе невозможно заставить выполнить такой трюк?
caprella вне форума Ответить с цитированием
Старый 26.05.2010, 16:55   #4
Magneto
Форумчанин
 
Аватар для Magneto
 
Регистрация: 10.02.2008
Сообщений: 178
По умолчанию

любой div имеет форму прямоугольника - теперь вопрос
как можна одним прямоугольником обтеч другой ????
Да никак
Вы смотрели как смотрится ваш документ в других браузерах ??

и хорошо будет если выложите код
Magneto вне форума Ответить с цитированием
Старый 26.05.2010, 17:10   #5
dekameron
Форумчанин
 
Аватар для dekameron
 
Регистрация: 27.04.2010
Сообщений: 185
По умолчанию

Лучше самим картинками присвоить обтекание
Код HTML:
<img src="..." align="left" />
Помог - тырк на весы
dekameron вне форума Ответить с цитированием
Старый 26.05.2010, 21:09   #6
caprella
 
Регистрация: 26.05.2010
Сообщений: 5
По умолчанию

Magneto, конечно, смотрела Контент блочного элемента запросто обтекает элемент с float:left даже в том случае, если контент этот представлен блочными элементами. При этом интересно посмотреть, как тот же firebug показывает макет обтекающего элемента.
Изображения
Тип файла: gif floating.gif (2.2 Кб, 65 просмотров)
Тип файла: png firebug.png (7.3 Кб, 65 просмотров)
caprella вне форума Ответить с цитированием
Старый 26.05.2010, 21:16   #7
caprella
 
Регистрация: 26.05.2010
Сообщений: 5
По умолчанию

dekameron, да вроде ж боремся с излишним html-кодом, переносим все оформление в css... и не уверена, будет ли работать этот способ, если img обрамить в другие элементы
caprella вне форума Ответить с цитированием
Старый 27.05.2010, 09:47   #8
Magneto
Форумчанин
 
Аватар для Magneto
 
Регистрация: 10.02.2008
Сообщений: 178
По умолчанию

Посмотрите на свои рисунки.

В первом топике Вы пытаетесь обтечь картинку ОДНИМ дивом, а
во втором НЕСКОЛЬКИМИ дивами.

Есть большущая разница.
В Вашем случае второй способ правильный
Magneto вне форума Ответить с цитированием
Ответ


Купить рекламу на форуме - 42 тыс руб за месяц



Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Позиционирование блоков и обтекание boget HTML и CSS 4 06.05.2010 14:18
Элемент ComboBox Vinnipux Общие вопросы C/C++ 1 24.04.2010 11:21
невидимый элемент Пепел Феникса HTML и CSS 1 01.11.2009 11:26
Скопировать элемент Ronder Помощь студентам 8 29.08.2009 16:43
Первый нечетный элемент каждой строки удвоить (предполагается, что в каждой строке есть нечетный элемент Галина002 Помощь студентам 1 18.03.2009 06:30