milledi

http://expire.name/site/index.html Решила проблему с помощью js, но если вы можете подсказать, как исправить баг средствами css, буду очень рада.

Дело в том, что блок должен тянуться, поэтому фиксированную ширину поставить не могу, а если поставить 100%, то блок растягивается на всю ширину и "спрыгивает" под картинку, что мне совсем не нужно.

Здравствуйте. Столкнулась с проблемой верстки в Safary - сжимается текст в блоке. В опере, фф, ие, хроме все отображается корректно(скрин хрома): А вот так все выглядит в сафари: html для новости: <div class="content-item"> <div class="item-image"><a href="#"><img src="images/pic/items1.jpg" border="0" /></a></div> <div class="item-text"> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus vel mi vitae lectus mattis facilisis. </p> </div> <div class="item-more"><a href="#">Читать далее... →</a></div> </div> css для новости: .content-item {padding-bottom:10px;height:145px;} .item-image {width:240px;height:140px;overflow:hidden;border:1px solid #d4d4d4;float:left;} .item-text {height:110px;overflow:hidden;margin-left:250px;margin-bottom:6px;} .item-more {text-align:right;} Так же есть проблема с блоками "Статьи" и "Новое видео". html: <div class="block-frame"> <div class="block-tabs">Some text tabs</div> <div class="block-videos">Some text videos</div> </div> css: .block-frame {padding:0px;width:100%;} .block-tabs {width:55%;float:left;border-bottom:1px solid #D4D4D4;height:356px;overflow:hidden;} .block-videos {margin-left:57%;border:1px solid #d4d4d4;padding:10px;height:335px;overflow:hidden;} Кто-нибудь сталкивался с такой проблемой в сафари? Помогите, пожалуйста, решить эту задачку. Спасибо.