IMfO.ru

All God’s chillun got shoes

IE {font-style: italic}. Horizontal scrollbars

У Simon Willison'а в CSS есть любопытное место:

blockquote {
	/* font-style: italic; 
	- this causes horizontal scrollbars in IE6.
	Lord only knows why. */
}

I hate IE, ага.

Сохранение и тестирование страницы, содержащей <blockquote>, показало, что font-style: italic; можно раскомментировать, но при этом необходимо явно указать ширину родительского по отношению к нему элемента (body, div#mainArea или div.entry). Горизонтальную полосу прокрутки получилось убрать уже при width: 99.8%, но вообще-то требуется чуть меньше.

Всё это к тому, что я тоже столкнулся с подобной проблемой и был несколько э-э-э… обескуражен таким сволочным поведением. Пришлось пойти на некоторые хитрости при очередной смене оформления сайта.

На данный момент левая колонка имеет фиксированную ширину в пикселях, а правая - «плавающую» от 540px (min-width) до 50em (max-width), а если попадает в эту вилку, то 69% (люблю круглые числа). Для непонимающего min/max-width IE добавил следующее:

CSS:
#cont { behavior: url('../css/width.htc') }

Width.htc:
<public:attach event="ondocumentready" onevent="contwidth()" />
<script language="JavaScript" type="text/javascript"><!--
function contwidth() {
if (element.offsetWidth<='760') {
	element.style.width='540px';
}
if (element.offsetWidth>'760') {
	element.style.width='50em';
}
}
//--></script>

PS. Рисовать совершенно не умею. Лишний раз убедился.

Categories: CSS | comments: (3)

Комментарии

Комментарии временно отключены.