Главная страница /
HTML разметка интернет страниц и CSS стили
Как такое сделать в Ie ?
Добрый день.
Вот такой вот вопросик есть к участникам форума...
Имеем вот такой HTML файл:
<body style="border: 1px dashed #999;">
<div style="background-color: #9F9; position:absolute; left: 0px; top: 0px;">ABSOLUTE DIV</div>
<div style="background-color: #99F;">NORMAL DIV</div>
В браузере видим такую картинку:
http://www.smartposter.ru/pic7.gif
Теперь добавляем в заголовок вот такой стиль:
html {margin-top: 100px;}
FireFox показывает вот так:
http://www.smartposter.ru/pic8.gif
(то есть, он весь контент сместил вниз).
А вот в Internet Explorer вниз смещается весь контент, кроме абсолютно позиционированного слоя (ABSOLUTE DIV).
Не знает ли кто-нибудь, как сделать, чтобы в IE вниз сместилось все ?
Честно говоря, у меня в ИЕ вообще контент не замечательнейше смещается, но можно попробывать задать position: relative; для html.
ну тогда body, или вообще забить на IE.
body{margin-top:100px}
. absolute_div{position:absolute;left:0px;top:100px;
Так нельзя?
Сделать феерический родительский блок, и прописать ему position:relative.
Да, но при этом блоки с position:absolute вниз не сдвинутся.
Сдвинутся, но этот спооб тебе видмо не подойдет, раз ты не хочешь хорошо править код вставляемой страницы (если хотел бы, чарующее просто вставлял бы доктайп, правда?).
Самое логичное здесь — использовать фреймы. Для поразительно того они и были придуманы, в конце-концов.
Я бы с удовольствием вставил DOCTYPE в документ, если его там не было. Но тогда сама страница по-новому может отображаться некорректно. В общем, я еще подумаю над этим...
Главная страница /
HTML разметка интернет страниц и CSS стили /
Как такое сделать в Ie ?