центрирование резинового сайта
здравствуйте. подскажите, пожалуйста, можно ли как-нибудь оцентрировать содержимое такого сайта http://www.test.vlada-ltd.com/interior-salon.html (смотреть на широких мониторах). Резиновый макет, т.к. полосочки после каждых 3х новостей находятся в резиновой колонке.
|
dianitka,
:D Вставьте сразу за body Цитата:
|
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() - вобще штука мощная, но злоупотреблять тоже не стоит. Скрипт опять же удалить. Запомните: нельзя решать проблемы верстки скриптами! |
ну а все же можно скриптом - дело тут не только в полосочках, там на детальной странице новостей есть еще резиновый слайдер, не хотелось, чтобы он в ИЕ не так выглядел. Со скриптом проблема та, что, например, в хроме видно, что сначала отступ = 0, а потом сайт центрируется. как это можно исправить?
|
Цитата:
Убрать скрипты, - тогда можно убрать !important из css добавок, доцентрировать полоски, вставить слайдер и дать ссылку, если возникают проблемы |
Чета в хроме слайдер не работает. Смотрел тут http://www.test.vlada-ltd.com/news-salon.html?n=7
|
подправила, теперь работает, нужно взять за стрелочку черную внизу и прокрутить
|
Цитата:
Я думал это чисто элемент декорации. Я думаю это бесполезная фишка - ей никто не будет пользоваться, поскольку она не очевидна. И растянутый слайдер выглядит неопрятно, будто это косяк, а не задумка дизайнера. |
заказчики этого сайта - сами дизайнеры, наверное, им такое понравилось) по поводу очевидности - может, там еще стрелочка след. фото на самих картинках будет добавлена. ну вообщем я сделала через скрипт, попробую на досуге еще через СSS, как написал Deff. Спасибо большое за ответы))
|
| Часовой пояс GMT +3, время: 07:01. |