Search the Community
Showing results for tags 'плавающих'.
Found 1 result
-
Доброго времени суток, наткнулся в сафари на маленькую задачку а именно: есть контейнер в котором лежат два блока, первым идет плавающий в лево блок с указанной шириной а вторым блок с отступом с лева и с неуказанной шириной. Суть проблемы: При задании второму блоку overflow:hidden; блок неожиданно меняет свои размеры по ширине, если поменять ширину плавающего блока то правый блок тоже пересчитает свои размеры, создаётся такое впечатление что справа от правого блока стоит невидимый блок с такими же размерами как и плавающий левый и отодвигает правый блок на то же расстояние что и ширина плавающего блока, если задать размеры правому блоку то все будет по стандартам но если ширина явно не указана ... кстати если добавить с права еще один плавающий блок в права и указать ему ширину тогда еще и ширина этого блока будет учитоваться и отодвегать #elem еще дальше Проблема только в браузере сафари во всех остальных браузерах все по стандартам! safari 5.1.7 for windows Код <!DOCTYPE HTML> <html lang="ru"> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> #wrap{[/size][/color] [color=#000000][size=4]overflow:hidden; padding: 20px 0 25px; background: #f9f9f9; border: 1px solid #ccc; width: 900px; margin: auto; } #logo{ float: left; width: 300px; padding: 50px 0; background: #999; } #elem{ padding: 50px; background: #f0f0f0; border: 1px solid #ccc; margin: 0 0 0 325px; overflow: hidden; } </style> </head> <body> <div id="wrap"> <div id="logo"></div> <div id="elem"></div> </div> </body> </html>
