InterWen
-
Posts
3 -
Joined
-
Last visited
InterWen's Achievements
Explorer (1/14)
0
Reputation
-
Т.е. без ЖабаСкрипта вообще никак? Увы, повсеместный переход на IE8 займет еще длительное время. Хотя суть не в этом, почему-то надеялся, что это особенность именно ФайрФокса, которая рано или поздно будет исправлена, а уж если и в IE8... Остается лишь убиццо апстену.
-
Опять я Есть примерно такой код: <html> <head> <style> .set { float: right; width: auto; background-color: red; padding: 5px; } .item { float: left; background-color: yellow; text-align: center; width: 150px; height: 150px; margin: 1px; float: left; } </style> </head> <body> <div class="set"> <div class="item">1</div> <div class="item">2</div> <div class="item">3</div> <div class="item">4</div> </div> </body> </html> Есть два типа поведения в различных браузерах. В ИЕ (тот вариант, который меня утсраивает) ширина внешнего блока реально подгоняется браузером под ширину содержимого, т.е. все внутренние (жетлые) блоки при любом раскладе и горизонтальном сужении страницы остаются прижатыми к правому боку внешнего (красного блока), имея при этом (что крайне важно) левостороннее обтекание, т.е. нумерация внутренних блоков идет не по-китайски, а нормально - слева направо: 1, 2, 3, 4,... В ФайрФоксе ширина внешнего блока также подбирается браузером на основании значения auto парметра width, но весьма своеобразно, пустота с правой стороны внешнего блока таки расширяется, пока не раздвинется достаточно широко, чтобы вместить в себя один внутренний блок. Может есть у кого-нибудь идеи, как избавиться от этой дырищи справа средствами CSS, чтоб поведение во всех браузерах было ИЕшным? З.Ы. разумеется, без применения правостороннего floatа внутренних блоков, поскольку так у них будет выворотная нумерация в пределах каждого отдельного ряда. На всякий случай покажу скрины. InternetExplorer: Mozilla FireFox: Пожалуйста, буду рад любым идеям. Желательно с примерами правок приведенного кода
-
Здравствуйте. Сел верстать галерею на div'ах, цель - 100% "прорезиненность" страницы, когда превьюшки, описания и прочая инфа, расположенная внутри плавающего div'а при недостаче места по горизонтали меняет ряд, редюцируя таким образом кол-во колонок в сетке. Все прекрасно, пока высота содержимого всех div-блоков с превьюшками равна, но если нет - с двухмерностью можно попрощаться. Покажу на упрощенном примере: <html> <head> <style> .image { position: relative; font-size: 40px; background-color: red; width: 200px; margin: 10px; float: left; text-align: center; vertical-align: bottom; } </style> </head> <body> <table> <td bgcolor=blue> <div style="float: right; width: auto; background-color: yellow; margin-right: 1%;"> <div class="image">1<br><br><br><br><br><br><br><br><br><br></div> <div class="image">2</div> <div class="image">3</div> <div class="image">4</div> <div class="image">5</div> <div class="image">6</div> <div class="image">7</div> <div class="image">8</div> <div class="image">9</div> </div> </td> </table> </body> </html> Реально ли сделать так, чтобы блоки, переходящие на следующий ряд все шли под самым высоким блоком предыдущего. Например, на моих 1024 пикселях по горизонтали второй ряд начинается с пятого блока, но расположен он, что называется, "где было место" - под вторым, как засунуть его (и горизонталь всего ряда, соответственно) под первый div? Заранее огромное спасибо.