Както може би сте забелязали, моите страниците на блога преди известно време стана "каучук". Сравнително незначителен за мен, аз ще ви кажа, ситуация, която, по мое мнение, аз успях само четири. Ето защо, аз пиша този пост, за да открие най-доброто решение с ваша помощ, скъпи читатели на магазина и колеги =)
Задачата - да се създаде различни браузъри "каучук" оформление с дясната странична лента, в която (оформление) колона със съдържание, когато разделителната способност на екрана от 1280 х 1024 и по-горе визуално ще се намира приблизително в центъра на прозореца на браузъра.
Удобства
- "Каучук" оформление. Стречинг трябва да се дължи на колоната на съдържанието.
- Изстискайте цялото съдържание на страницата, до десния край на прозореца на браузъра с разделителната способност на екрана от 1280 х 1024 и по-долу.
- От ляво да се направи динамичен отстъп с оглед на визуално центриране на съдържанието (само 1280 × 1024 и по-висока).
- Ограничаване на максималната ширина на страницата на големите резолюции на екрана (в моя пример - 1300 пиксела).
- Постигане на различни браузъри.
- Използвайте минимален брой маркери, скриптове и хакове.
Ако говорим само за съвременните браузъри (Opera, Firefox, Safari, Chrome, IE8b2), те не създават никакви проблеми, а поставя задачата се решава в тях светлина, дори и в IE7, че работи със стандартни стилове. Проблемът е, както обикновено, в IE6. така, всъщност, цялата работа е ликвидация надолу към "патерици" за изобретяването на браузъра.
Какво се е случило с мен, можете да гледате директно на моя блог. или, за да видите отделно създаден един пример.
Максимумът, че мога да направя за IE6 - прилага изражението на минималната и максималната ширина, но резултатът не оставя много да се желае - стесняване / разширяване на прозореца на браузъра, той се държи неподходящо.
Като цяло, на повикване, за да си помагат, дами и господа;) Моля, помогнете ми да се реши проблема добре.
Послепис В тайна по целия свят - Имам големи надежди за Сергей. защото знам, че той решава за такива неща, "Ура!" =)
Свързани статии