Здравствуйте! Раньше мой сайт был 1000px в ширину и всё было хорошо, блок контента и сайтбара стаяли на своих местах. Затем я изменил размер от 1024px до 1400px в зависимости от размера экрана и тут начались проблемы. У меня изменена логика с начало идёт блок контента, который тянется в зависимости от размера экрана, а затем идёт блок сайтбара который фиксирован по ширине 300px. Собственно, я знаю, что вначале должен идти блок с фиксированным разсером, а затем тянущийся, но если сделать так, то ПС начинают сайт любить намного хуже, так как контент из сайтбара стоит выше в коде, чем сам блок контента. Вот что сделано, чтоб решить эту проблему: #container { min-width: 1024px; max-width: 1400px; margin: 0 auto; margin-bottom: 0px; padding: 0 48px; }#wrapper {overflow: hidden;padding: 20px 16px 20px 27px;background: url(../images/cream_pixels.png);border-bottom: 1px solid #eee; -webkit-box-shadow: 0 0 5px rgba(0,0,0,.05);box-shadow: 0 0 5px rgba(0,0,0,.05); }#content {float: left;display: inline-block;overflow: hidden;width: calc(100% - 350px);}#sidebar {float: right;width: 300px;;position: relative;display: inline-block;background: url(.../images/live-bac.png);}И вот тут возникает следующая проблема width: calc(100% - 350px); делает своё дело и всё работает, но только на современных браузерах, IE7-8 и более старые FF и др. просто на просто выпадают. Я бы не сильно парился, если бы это не было более 11% пользователей, в связи с чем вырос показатель отказов на сайте. Вариант с: #content {float: left;overflow: hidden;width: 70%;}#sidebar {float: right;width: 30%;;background: url(.../images/live-bac.png);}Не подходит, так как сайтбар должен быть фиксирован 300px в ширину. Есть ли какой-то способ реализовать нужный мне вариант в вёрстке?
