тег DOCTYPE мешает

[shas]

Подскажите, пожалуйста, в следующем:

Есть страница, которая при нажатии на img, становится полузакрашенная,

а поверху отображается увеличенная картинка.

Вещи известные.

Для IE создаю div с filter...Alpha(Opacity=60... и все работает.

Для FF создаю div с backgroungImage='url(fon.png)' и тоже все работает, но только, если убрать 1-ю строку с "..", которую вставляет Dreamweaver.

Проверил разные параметры этой строки - ни с одним закраска в FF не работает.

В чем конфликт?

Можно было б и вовсе убрать строку DOCTYPE, но без нее некорректно

отображается система меню.

PS Создаю полупрозрачный div так:

glass=document.createElement('DIV');

glass.style.display='none';

glass.style.position='absolute';

glass.style.height=0;

glass.style.width=0;

glass.style.zIndex=1;

if(isIE){

glass.style.backgroundColor = '#FEE5BD';

glass.style.filter="progid:DXImageTransform.Microsoft.Alpha(Opacity=60, Style=0)";

}

else{

glass.style.backgroundImage = 'url("fon.png")';

}

document.body.appendChild(glass);

[ZoNT]

glass.style.height=0;

glass.style.width=0;

Это круто! Див 0*0 и где вы в 0*0 увидите бэкграунд???

[shas]

Сорри, не весь код привел. Дальше есть:

if(show){

glass.style.left = 0;

glass.style.top = document.body.scrollTop;

glass.style.width = document.body.clientWidth;

glass.style.height = document.body.clientHeight;

}

glass.style.display=show?'block':'none';

Но отличие для IE и FF только в строках

glass.style.backgroundColor = '#FEE5BD';

glass.style.filter="progid:DXImageTransform.Microsoft.Alpha(Opacity=60, Style=0)";

и

glass.style.backgroundImage = 'url(fon.png)';

Только с DOCTYPE в IE все работает, а в FF - нет. Вот и интересует, что ж

неправильного в glass.style.backgroundImage = 'url(fon.png)' ?

[homm]

Скорее всего в строгом нет ?document.body.clientWidth? и прочего бреда. См. documentElement.

[shas]

>Скорее всего в строгом нет ?document.body.clientWidth? и прочего бреда. См. documentElement.

Но в IE работает с document.body.clientWidth!

Поставил

glass.style.width = document.documentElement.clientWidth;

glass.style.height = document.documentElement.clientHeight;

эффект тот же, т.е в IE-да, в FF - нет.

[homm]

Но в IE работает с document.body.clientWidth!

Ахренеть! И?

[ZoNT]

glass.style.width = document.documentElement.clientWidth + 'px';

glass.style.height = document.documentElement.clientHeight + 'px';

Так как при доктайпе надо указывать единицы измерения.

[shas]

С 'px' все заработало!

Всем большое спасибо!!!

[ZoNT]

пожалуста.

[shas]

К слову, с 'px' работает и document.body.client... и document.documentElement.client...,

но т.к. document.body - "бред", оставлю documentElement

[ZoNT]

всегда использую document.body - пока никаких проблем не находил...

[ZoNT]

ие6 и ниже не использую - имхо бред...