Слои не верно отображается на Internet Explorer
Слои должны отображаться друг на друге,во всех браузерах так и происходит кроме Internet Explorer,он их отображает друг за другом(
<html> <head> <meta content="text/html; charset=windows-1251" http-equiv=Content-Type> <head> <title></title> <style type="text/css"> #layer1 { z-index: 1; /* Порядок слоев */ width: 100%; /* Ширина слоя с фоном */ height: 100%; /* Высота слоя с фоном */ position: fixed; /* Абсолютное позиционирование */ left: 0; /* Положение от левого края окна */ top: 0; /* Положение от верхнего края */ } #layer2 { position: absolute; /* Абсолютное позиционирование */ z-index: 2; /* Порядок слоев */ } #layer3 { left: 0; /* Положение от левого края окна */ top: 0; /* Положение от верхнего края */ position: fixed; /* Абсолютное позиционирование */ z-index: 3; /* Порядок слоев */ } #layer4 { right: 10; /* Положение от левого края окна */ top: 100; /* Положение от верхнего края */ position: fixed; /* Абсолютное позиционирование */ z-index: 3; /* Порядок слоев */ } </style> </head> <body> <div id="layer3"> <img src="Baner1.gif" width="100%" alt=""> </div> <div id="layer4"> <img src="Anketa_Phone.GIF" width="200" alt=""> </div> <div id="layer1"> <img src="content.gif" width="100%" alt=""> </div> <div id="layer2"> <br><br><br><br><br> <br /> <img src="b11.png"> <img src="22.png"> <img src="33.png"> <img src="44.png"> <img src="55.png"><br> <p> Для оценки используется 5-ти бальная шкала. В анкете Вы можете ставить любую оценку от 1 до 5. Не имеет значения, что <br> по нескольким факторам оценки могут быть одинаковые. Ниже приведен ключ по выставлению оценок:<br> 1 – абсолютно не удовлетвор(-ен/ена); <br> 5 – полностью удовлетвор(-ен/ена); </p> </div> </body> </html> |
Заранее спасибо всем за помощь.
|
Пожалуйста, отформатируйте свой код!
Для этого его можно заключить в специальные теги: js/css/html и т.п., например: [js] ... ваш код... [/js] О том, как вставить в сообщение исполняемый javascript и html-код, а также о дополнительных возможностях форматирования - читайте http://javascript.ru/formatting. |
ie6 не знает position: fixed;
|
faiq, твой тестовый пример ооочень неудачный... Не понятно в как дивы должны смотреться в итоге, ведь твоих картинок унас нет... :)
Плюсом к замечанию Aetae, у тебя нет: - доктайпа - не указаны единицы измерения
#layer4 {
*!*right: 10;*/!* /* Положение от левого края окна */
*!*top: 100;*/!* /* Положение от верхнего края */
position: fixed; /* Абсолютное позиционирование */
z-index: 3; /* Порядок слоев */
}
Показал бы картинкой что тебе нужно... Или просто цветом фона и размером ДИВов обошелся... |
ie7 z-index c posution:relative/absolute не работает
http://www.xiper.net/collect/html-an...dex-ie6-7.html |
| Часовой пояс GMT +3, время: 16:04. |