object (flash) не реагирует на overflow: hidden

[Грин]

Блок содержащий object (flash) не реагирует на overflow: hidden. проблема в эксплорере 6 и 7.
Собственно, есть баннер, висящий в центральном блоке, и при уменьшении разрешения все кроме баннера уменьшается, а баннер залезает в правый блок и все там сбивает, эффект получается как будто весь правый блок проваливается под флэшку

И еще вопрос в тему, но к первому не относящийся.

Для центральног блока margin:0px 300px;

делаю <hr style="clear:both"> между некими блоками
и после первого разделения, все обрезается до окончания двух соседних блококов.

[tegArt]

Originally posted by Грин@Oct 7 2007, 13:23
И еще вопрос в тему.

Для центральног блока margin:0px 300px;

делаю <hr style="clear:both"> между некими блоками
и после первого разделения, все обрезается до окончания двух соседних блококов.
<div align='right'>[Только зарегистрированные пользователи могут видеть ссылки. ]

[/quote]
а ссылку то хоть на страницу можно глянуть? ) на слух сложно както )

[Грин]

[Только зарегистрированные пользователи могут видеть ссылки. ]
в 6 эксплорере 1024*768

[tegArt]

Originally posted by Грин@Oct 7 2007, 17:42
[Только зарегистрированные пользователи могут видеть ссылки. ]
в 6 эксплорере 1024*768
<div align='right'>[Только зарегистрированные пользователи могут видеть ссылки. ]

[/quote]
а этот косяк не изза hr кстати, попробуйте убрать флеш и увидите что получится, размерчик великоват у флеша )

[Грин]

Originally posted by tegArt@Oct 7 2007, 18:56
а этот косяк не изза hr кстати, попробуйте убрать флеш и увидите что получится, размерчик великоват у флеша )
<div align='right'>[Только зарегистрированные пользователи могут видеть ссылки. ]

[/quote]

Второй вопрос к этому не относится, это я понимаю Мне интересно, как можно решить эту проблему без минимальных размеров родительского блока и убирания флэшки вообще.

[tegArt]

Originally posted by Грин@Oct 7 2007, 17:59
Второй вопрос к этому не относится, это я понимаю Мне интересно, как можно решить эту проблему без минимальных размеров родительского блока и убирания флэшки вообще.
<div align='right'>[Только зарегистрированные пользователи могут видеть ссылки. ]

[/quote]
по логике остается либо уменьшить ширину правого блока, либо уменьшить ширину баннера

[Грин]

Дело в том, что даже заключая флэху внуть блока с фиксированным размером, флэха все-равно уходит за границы блока когда на него давят соседние

[tegArt]

Originally posted by Грин@Oct 7 2007, 18:21
Дело в том, что даже заключая флэху внуть блока с фиксированным размером, флэха все-равно уходит за границы блока когда на него давят соседние
<div align='right'>[Только зарегистрированные пользователи могут видеть ссылки. ]

[/quote]
ну это понятное дело, попробуй тогда сделать слой фиксированной ширины и высоты с позиционированием relative, а в него заключи слой с абсолютным позиционированием с баннером, типа вот этого

<div style="position:relative; background:#000099; height:40px; width:200px;">
<div style="position:absolute; top:0; left:0;">
[img]f.jpg[/img]
</div>

посмотри что в ие при этом коде получается, но баннер если большой будет наезжать на правый блок

[Грин]

Так и что же делать?))

Кстати, по второму вопросу, никто не скажет, почему clear:both начинает новую строчку после окончания двух соседних блоков?

[tegArt]

Originally posted by Грин@Oct 7 2007, 19:38
Так и что же делать?))

Кстати, по второму вопросу, никто не скажет, почему clear:both начинает новую строчку после окончания двух соседних блоков?
<div align='right'>[Только зарегистрированные пользователи могут видеть ссылки. ]

[/quote]
делать то что написанно выше, либо баннер меньше делать, либо как в предыдущем посте, про clear так и не понял вопроса, разъезжается там все изза флэша, косяков в hr не заметил

сорри, косяк живучий, попробовал не сработало, режте баннер

[Грин]

C первым примером в принципе понятно, что флэш убирем оттуда.

Теперь перейдем ко второму. Если вам не лень, попробуйте вот этот код, регулярно внедряемый в наши сайты.

#outer {
width: 100%; 
margin-right: -200px; 
float: left;
background-color:yellow;
}

#afisha {
width:252px;
height:500px;
background-color:blue;
float:left;
}

#main {
margin: 0px 400px;
background-color:green;
}

 <div id="outer">
<div id="afisha">пароапроапр оапроап роапоапро апоапроапоапро паоп опаропаропао</div>
<div id="main">Строка №1<div style="clear:both"></div>Строка №2</div>
</div>

Вторая строка проваливается, пример примитивный. давайте вместе примитивно поборим его.

[tegArt]

Originally posted by Грин@Oct 7 2007, 20:52
C первым примером в принципе понятно, что флэш убирем оттуда.

Теперь перейдем ко второму. Если вам не лень, попробуйте вот этот код, регулярно внедряемый в наши сайты.

#outer {
width: 100%; 
margin-right: -200px; 
float: left;
background-color:yellow;
}

#afisha {
width:252px;
height:500px;
background-color:blue;
float:left;
}

#main {
margin: 0px 400px;
background-color:green;
}

 <div id="outer">
<div id="afisha">пароапроапр оапроап роапоапро апоапроапоапро паоп опаропаропао</div>
<div id="main">Строка №1<div style="clear:both"></div>Строка №2</div>
</div>

Вторая строка проваливается, пример примитивный. давайте вместе примитивно поборим его.
<div align='right'>[Только зарегистрированные пользователи могут видеть ссылки. ]</div>

странный код ) вы лучше скажите что хотите видеть на экране, мне понятней будет... вы таким образом диз в 3 колонки делаете??

[Грин]

Originally posted by tegArt@Oct 7 2007, 22:21
странный код ) вы лучше скажите что хотите видеть на экране, мне понятней будет...* вы таким образом диз в 3 колонки делаете??
<div align='right'>[Только зарегистрированные пользователи могут видеть ссылки. ]

[/quote]

вопрос не в колонках, а в двух строчках, разделенных botch:clear

[Aykroyd]

Originally posted by Грин@Oct 7 2007, 22:52
Если вам не лень
<div align='right'>[Только зарегистрированные пользователи могут видеть ссылки. ]

[/quote]
Не лень.

Originally posted by Грин@Oct 7 2007, 22:52
попробуйте вот этот код, регулярно внедряемый в наши сайты.
<div align='right'>[Только зарегистрированные пользователи могут видеть ссылки. ]

[/quote]
Упаси Господь такие коды внедрять... Не то, что регулярно, но даже и в единичных случаях...

Originally posted by Грин@Oct 7 2007, 22:52
Вторая строка проваливается, пример примитивный. давайте вместе примитивно поборим его.
<div align='right'>[Только зарегистрированные пользователи могут видеть ссылки. ]

[/quote]
Не с чем бороться...
Наблюдаем ожидаемое поведение блочной модели...

[Грин]

Aykroyd, это не работает только в эксплорере.
Я нашел тему по этой проблеме [Только зарегистрированные пользователи могут видеть ссылки. ]

но она проблему не решила.
Подскажите как сделать два блока, чтобы не было такого эффекта?

[Aykroyd]

Вот тогда и описывайте проблему надлежащим образом изначально. А то 15 постов – и про эксплорер ни одного слова...

Я не знаю, для чего вам понадобился подобный код... Даже беглый его просмотр вызывает недоумение... Есть куча способов обходиться без свойства clear вообще... В Вашем же конкретном случае блок #main в IE6 ведет себя неправильно по той простой причине, что ему не включено свойство [Только зарегистрированные пользователи могут видеть ссылки. ]... Включить его можно, например, вот так:

* html #main {height: 1%;}

Но и это до конца не решит проблемы... Потому что свойство clear совсем уж по-иному обрабатывается в IE6 по сравнению со всеми остальными браузерами... Дело в том, что все нормальные браузеры будут учитывать полную высоту блока #afisha, если даже клиаринг происходит внутри блока #main. А IE6 (при тех же самых обстоятельствах) учитывать высоту блока #afisha не будет. Потому что не хочет.) Клиаринг в IE6 будет работать только внутри блока #main. А на блок #afisha IE6 в данном конкретном случае плевать хотел...

И вот как победить данное различие – неведомо даже мне (простите за нескромность). :blush2:
Это одна из совсем немногих загадок, на которые я до сих пор не нашел ответа... Именно поэтому я предпочитаю обходиться без использования свойства clear вообще...

Если кто-то знает объяснение этому феномену и соответствующие способы решения задачи – с удовольствием и благодарностью послушаю...

[Грин]

Была задача разделять блоки ленты новостей, т.к. картинки в новостях иногда больше теста, они наезжают друг на друга.

а этот код - рыба. чтобы понять алгоритм, поэтому необессутьтте)

Спасибо за советы.

[Aykroyd]

В таком случае, как я и говорил, каждой "новости" (вернее, обрамляющему ее блочному элементу) задается overflow: hidden и включается hasLayout (например, посредством указания какой-нибудь явной ширины – хоть width: 100%)... И проблема исчерпана... (обходимся без clear)...