Показать сообщение отдельно
  #3 (permalink)  
Старый 12.07.2013, 07:55
Аватар для danik.js
Профессор
Отправить личное сообщение для danik.js Посмотреть профиль Найти все сообщения от danik.js
 
Регистрация: 11.09.2010
Сообщений: 8,804

dianitka, ну вот если за бить на эти полосочки, то решается довольно просто:
body{
    margin: 0px auto;
    width: 980px;
}
#left_part,
#main_part{
    margin-left: 0 !important; /* вобще конечно нужно просто убрать скрипт, выставляющий margin при загрузке */
}


Для тянущихся полосочек придется замудрить:

body{
  margin: 0 auto;
  width: 980px; /* для старых браузерах просто центрируем */
  width: -webkit-calc(100%); /* для новых будем смещать left_part, а body растянем на всю ширину */
  width: -moz-calc(100%);
  width: calc(100%);
}
#left_part{
  margin-left: -webkit-calc(50% - 490px);
  margin-left: -moz-calc(50% - 490px);
  margin-left: calc(50% - 490px);
}

Так мы получим тянущиеся полосочки во всех новых браузерах, а в динозаврах типа IE8 тоже все будет красиво, правда без полосочек. calc() - вобще штука мощная, но злоупотреблять тоже не стоит.
Скрипт опять же удалить. Запомните: нельзя решать проблемы верстки скриптами!
Ответить с цитированием