Jump to content

Search the Community

Showing results for tags 'плавающих'.

  • Search By Tags

    Type tags separated by commas.
  • Search By Author

Content Type


Forums

  • Development
    • HTML Coding
    • JavaScript
    • PHP
    • CMS
    • Database
    • Web Server
    • Web-site Development
    • Internet Marketing, SEO
  • Library
    • Tricks and solutions
    • Books
  • Commercial services
    • Freelance
    • Job
    • Goods and Services
  • Our Forum
    • Flame
    • Contests
    • Feedback and Ideas

Find results in...

Find results that contain...


Date Created

  • Start

    End


Last Updated

  • Start

    End


Filter by number of...

Joined

  • Start

    End


Group


Web site


Telegram


Signal


Viber


Skype


From


Interests

Found 1 result

  1. Доброго времени суток, наткнулся в сафари на маленькую задачку а именно: есть контейнер в котором лежат два блока, первым идет плавающий в лево блок с указанной шириной а вторым блок с отступом с лева и с неуказанной шириной. Суть проблемы: При задании второму блоку 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>
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy