центрирование резинового сайта
здравствуйте. подскажите, пожалуйста, можно ли как-нибудь оцентрировать содержимое такого сайта 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, время: 05:08. |