Xpoint
   [напомнить пароль]

Два вложенных блока с float:right в IE

Метки: [без меток]
2010-07-08 19:13:17 [обр] Антон(0/3)[досье]

Что-то не получилось с пол-пинка понять где копать... Подскажите, как можно добиться того, чтобы такая конструкция

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
</head>
<body>
<div style='float:right; border:1px solid red'>AAAAAAAA AAAAAAAAAAAA AAAAAAAAA AAAAAAAAA
   <div style='float:right; border:1px solid green;'>VVVVVVV</div>
</div>
</body>
</html>

в IE выглядела так же как в нормальных браузерах (т.е. оба блока прижаты к правому край и в одну строку, а не в две строки и на весь экран как в IE)...
Заранее благодарен.

спустя 1 день 21 час [обр] Олег Торбасов(0/3)[досье]

Я так понимаю, проблема тут вот в чём. Стандарт CSS 2.0 требовал: "A floated box must have an explicit width (assigned via the 'width' property, or its intrinsic width in the case of replaced elements)". Подгонка по содержимому для поплавков была добавлена в редакции 2.1. IE, очевидно, остаётся в этом отношении ещё в 1998 г. и, не обнаружив явно заданной ширины, считает себя свободным от всяческих обязательств.

Справедливости ради следует заметить, что в 8-й версии это поведение исправлено. Для более старых версий мне пока приходит в голову только указать явно ширину блоков.

спустя 18 часов [обр] Антон(0/3)[досье]
Спасибо за ответ. Печальная ситуация, т.к. у меня нет возможности задать явно ширину... Буду как-то выкручиваться...
спустя 2 часа 27 минут [обр] Антон(0/3)[досье]
Хм... Однако, как показывает эксперимент добавление обоим блокам фиксированной ширины кардинально не влияет на поведение IE. Т.е., с шириной становится все ок (она же задана :)), но внутренний блок по прежнему находится под содержимым внешнего (хотя для него есть место, чтобы быть с ним в одной строке), соответственно увеличивая высоту внешнего... Неужели никто не сталкивался с проблемой? Вроде бы такая простая ситуация...
спустя 8 часов [обр] Олег Торбасов(0/3)[досье]

А от этого, вроде, помогает, если переместить вложенный блок в самое начало контейнера.

Ну, тупит IE, что ж тут поделаешь? Разве что экспрешены в стилях воротить, ну, или вообще JScript-ом поведение блоков корректировать. Вполне реально, кстати, если уж так позарез нужно.

В англоязычном Интернете про это частенько пишут. Но рецептов никто никаких не даёт. А лично я на Firefox'е специализируюсь.

Powered by POEM™ Engine Copyright © 2002-2005