Взаимодействие плавающих блоков in safari 5 for windows

Mister-N · October 21, 2013

Доброго времени суток, наткнулся в сафари на маленькую задачку а именно:

есть контейнер в котором лежат два блока, первым идет плавающий в лево блок с указанной шириной а вторым блок с отступом с лева и с неуказанной шириной.

Суть проблемы:

При задании второму блоку 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>

Edited October 21, 2013 by Mister-N

Sign In

Взаимодействие плавающих блоков in safari 5 for windows

Question

Mister-N

Link to comment

Share on other sites

0 answers to this question

Recommended Posts

Join the conversation

Обсуждения

Forums

Important Information