Отображение слоя в IE

[ninulik]

Помогите, пожалуйста!!!

Уже замучилась.

Описывать долго. Просто даю ссылку на свою верстку. http://freshf5.f5.ru/post/76839

Проблема в том, что IE отображает слой, сдвигая его вправо, ведя отсчет от предыдущих верхних слоев.

В Мозилле все выглядит отлично, как подогнать IE?

<div style="font-weight: bold; font-size: 14px; width: 570px; color: #666666; text-align: center;">сообщество</div>
<div style="width: 570px;"><img style="width: 570px; height: 10px;" src="/uploads/e56fc5fdc839f34d261ff3ce9c260e68.jpg" width="570" /></div>
<div style="font-weight: bold; font-size: 30px; width: 570px;">подземные истории</div>
<div style="width: 570px;"><img style="width: 570px; height: 10px;" src="/uploads/e56fc5fdc839f34d261ff3ce9c260e68.jpg" width="570" /></div>
<div style="font-weight: bold; font-size: 18px; width: 570px; color: #666666;">Кто-то в метро читает, кто-то слушает музыку, а кто-то наблюдает — за машинистами, за бабушками в кабинках у эскалатора… И за вами тоже! А потом выкладывает свои истории в сообщество metro_life.</div>
<div style="width: 570px;"><img style="width: 570px; height: 25px;" src="/uploads/e56fc5fdc839f34d261ff3ce9c260e68.jpg" width="570" /></div>
<div style="width: 570px;"><img style="width: 570px; height: 264px;" src="/uploads/06d0f37b59835944ed9dd4066ae06828.jpg" width="570" /></div>
<div style="width: 570px;"><img style="width: 570px; height: 30px;" src="/uploads/e56fc5fdc839f34d261ff3ce9c260e68.jpg" width="570" /></div>

<div style="position:absolute; padding-left:15px; width:371px; height:364px;">
<div style="font-size: 11px; width: 173px; position: absolute; text-align: justify;"><img style="padding-right: 5px; float: left; width: 18px; height: 18px;" src="/uploads/57c044400ffc04c974a257b30d44be99.jpg" width="570" /> <span style="font-weight:bold;">sir_archet</span> Подслушано в метро.
<div style="text-indent:10px;">— Улица Шаумяна! Шаумяна улица, тебе говорю, немчура!</div>
<div style="text-indent:10px;">— Showman street? Really?</div>
<br /><br /><img style="padding-right: 5px; float: left; width: 18px; height: 18px;" src="/uploads/57c044400ffc04c974a257b30d44be99.jpg" width="570" /> <span style="font-weight:bold;">hemulenka</span> Он сидел и читал книгу. Такой приличного вида мужчина, лицо немолодое, мужественное. Некрасивое и приятное. И вот по этому лицу вдруг вижу: слезы текут. А он их утирает. И не стесняется плакать. Читает и плачет. И вытирает себе спокойно, не украдкой, тыльной стороной ладони. Господи, до чего красиво было! Ну я, конечно, давай заглядывать, на обложку смотреть. Это ж какие книги мужчин так трогают! Ну никак не вижу, что там. Прямо уж в крендель изогнулась — и без результата. К большой моей удаче, он вышел со мной вместе на «Проспекте Мира». Я его нагнала, ну и спрашиваю:</div>
<div style="font-size: 11px; left: 183px; width: 173px; position: relative; text-align: justify;">было свободных мест для сидения. Я внимательно всматривалась в лица людей, чтобы понять, кто из них выходит. И тут девчонки (лет 18–30) мне говорят:
<div style="text-indent:10px;">— Ты тоже хочешь посидеть, да?</div>
<div style="text-indent:10px;">— Ага! Мне просто жмут туфли.</div>
<div style="text-indent:10px;">— О! Мы по очереди сидим. Одну станцию — она, одну — я. Давай с нами!</div>
<div style="text-indent:10px;">Если таких людей будет больше, в Москве станет не так противно жить.</div>
<br /><br /><img style="padding-right: 5px; float: left; width: 18px; height: 18px;" src="/uploads/57c044400ffc04c974a257b30d44be99.jpg" width="570" /> <span style="font-weight:bold;">rizhaya_svoloch</span> Зима была. Спускалась по лестнице в переход метро. Скользко — жуть! Я поскользнулась и упала. Подошел молодой человек и участливо так говорит: мол, ну что ж вы, девушка, аккуратнее надо быть. И пошел дальше. Я так и осталась лежать в полном изумлении </div>
</div>
<div style="font-size: 11px; left: 381px; width: 173px; position: relative; text-align: justify;"><img style="padding-right: 5px; float: left; width: 18px; height: 18px;" src="/uploads/57c044400ffc04c974a257b30d44be99.jpg" width="570" /> <span style="font-weight:bold;">anu_tik05</span> Едем в метро с подругой. Давно привыкли к тому, что на станциях заходят люди и что-то продают — от влажных салфеток до фонариков. И тут слышим громкий веселый голос:
<div style="text-indent:10px;">— Посмотрите, что у меня есть!</div>
<div style="text-indent:10px;">Весь вагон в напряжении повернул головы...</div>
<div style="text-indent:10px;">— Бактерицидный ранозаживляющий лейкопластырь! </div>
<div style="text-indent:10px;">Ну что ж, зато оригинально.</div>
<br /><br /><img style="padding-right: 5px; float: left; width: 18px; height: 18px;" src="/uploads/57c044400ffc04c974a257b30d44be99.jpg" width="570" /> <span style="font-weight:bold;">queen_victory</span> Ехали в вагоне. Посреди тоннеля поезд остановился. Несколько раз мигнул свет, двери открылись-закрылись, а потом по связи раздался голос машиниста: «Мой поезд — что хочу, то и делаю!»</div>
<div style="clear:both;"></div>

<div style="width: 570px;"><img style="width: 570px; height: 40px;" src="/uploads/e56fc5fdc839f34d261ff3ce9c260e68.jpg" width="570" /></div>
<div style="padding-left: 15px; font-size: 11px; float: left; width: 173px; position: absolute; text-align: justify;">
<div style="text-indent:10px;">— Что вы читаете?</div>
<div style="text-indent:10px;">Он показал мне обложку. Не помню точно название — на английском, типа Who Betrayed India. И говорит мне на хорошем таком русском с ясным таким британским акцентом:</div>
<div style="text-indent:10px;">— Это о колонизации Индии.</div>
<div style="text-indent:10px;">Пауза.</div>
</div>
<div style="font-weight: bold; font-size: 17px; left: 198px; float: left; width: 373px; color: #f58220; line-height: 25px; padding-top: 10px; position: relative;">посреди тоннеля поезд остановился,<br />мигнул свет, двери открылись-закрылись,<br />а потом раздался голос машиниста:<br />«мой поезд — что хочу, то и делаю!»</div>
<div style="clear:both;"></div>

<div style="width: 570px;"><img style="width: 570px; height: 14px;" src="/uploads/e56fc5fdc839f34d261ff3ce9c260e68.jpg" width="570" /></div>
<div style="position:absolute; padding-left:15px; width:371px;">
<div style="font-size: 11px; width: 173px; position: absolute; text-align: justify;">
<div style="text-indent:10px;">— И вы плакали, когда читали?</div>
<div style="text-indent:10px;">— Нет-нет… Просто линзы сегодня новые надел, глаза никак не привыкнут.</div>
<br /><br /><img style="padding-right: 5px; float: left; width: 18px; height: 18px;" src="/uploads/57c044400ffc04c974a257b30d44be99.jpg" width="570" /> <span style="font-weight:bold;">kelta</span> Дежурная у эскалатора (взволнованно): «Граждане пассажиры! Уступайте друг другу дорогу! Это же ужас, как вы идете! Вы сейчас мою будку опрокинете!»<br /><br /><img style="padding-right: 5px; float: left; width: 18px; height: 18px;" src="/uploads/57c044400ffc04c974a257b30d44be99.jpg" width="570" /> <span style="font-weight:bold;">fly_dream</span> 5.35 утра. Вестибюль станции «Кропоткинская». Перед закрытыми дверями мнутся первые пассажиры, желающие попасть в подземку. Перед теми же дверями стоят сотрудники УВД Московского метрополитена и никого не пускают. Рано. Пассажиры: «Ну пустите нас. Ну ведь осталось недолго же, а тут холодно.» Сотрудник УВД: «Через десять минут.» Пассажиры: «Ну ведь уже открылось! Вон мы видели, как пять минут назад люди прошли! Им можно, а нам нельзя?» Сотрудник УВД: «Это были не люди. Это машинисты!»<br /><br /><img style="padding-right: 5px; float: left; width: 18px; height: 18px;" src="/uploads/57c044400ffc04c974a257b30d44be99.jpg" width="570" /> <span style="font-weight:bold;">doyou</span> Сегодня, хоть я и опаздывала на работу и ехала не в час пик, в вагоне не</div>
<div style="font-size: 11px; left: 183px; width: 173px; position: relative; text-align: justify;"><img style="padding-right: 5px; float: left; width: 18px; height: 18px;" src="/uploads/57c044400ffc04c974a257b30d44be99.jpg" width="570" /> <span style="font-weight:bold;">273c</span> Двери поезда закрылись прямо передо мной. За дверями — утренние невыспавшиеся угрюмые лица, приплюснутые носами к стеклу. Чуть выше лиц на двери плакат: «Мы из будущего». Как-то страшно за будущее после этого.<br /><br /><br /><img style="padding-right: 5px; float: left; width: 18px; height: 18px;" src="/uploads/57c044400ffc04c974a257b30d44be99.jpg" width="570" /> <span style="font-weight:bold;">lilmy</span> На открытой «Измайловской» в вагон вваливается мужчина. Красивым поставленным баритоном: «Уваж-ж-жаемые пассажиры!...» Уважаемые пассажиры делают кислые лица: все явно ждут либо а) «Извините, шо я к вам обращаюся, украли документы», либо б) «Вашему вниманию предлагается супер-пупер ерунда всего за 100 руб.». А поставленный баритон, выдержав паузу, продолжает: «Уважаемые пассажиры, ВЕСНА скоро!»<br /><br /><br /><img style="padding-right: 5px; float: left; width: 18px; height: 18px;" src="/uploads/57c044400ffc04c974a257b30d44be99.jpg" width="570" /> <span style="font-weight:bold;">luka_onill</span> Никогда не забуду! Что-то там крякнуло у них, видимо, и прожевало пару слов. В итоге: «ОСТОРОЖНО… следующая станция — «Пушкинская»!» Все так перепугались </div>
</div>
<div style="font-size: 11px; left: 381px; width: 173px; position: relative; text-align: justify;"><img style="padding-right: 5px; float: left; width: 18px; height: 18px;" src="/uploads/57c044400ffc04c974a257b30d44be99.jpg" width="570" /> <span style="font-weight:bold;">dudnev</span> Заходит в вагон метро мужик с топором и начинает его продавать. Говорит, какой это замечательный топор: с пилой, лопаткой и еще чем-то очень полезным и если вы поедете в тайгу на джипе и там застрянете в болоте, то этим топором можно нарубить веток, подкопать машину — спасетесь. Даже любопытно: сколько можно встретить утром в Москве людей, которые собираются в тайгу на джипе ехать?<br /><br /><br /><img style="padding-right: 5px; float: left; width: 18px; height: 18px;" src="/uploads/57c044400ffc04c974a257b30d44be99.jpg" width="570" /> <span style="font-weight:bold;">northern_woman</span> Девять утра. «Василеостровская». Эскалаторы битком. Лица серьезные и сосредоточенные. Вдруг из динамиков раздается голос обиженной бабушки: «Не надо сидеть на ступеньках! Это небезопасно!» А после небольшой паузы: «И потом, вы всю гр-р-рязь на себя собираете. А потом придете к себе домой или к кому-нибудь в гости!..» <img style="width: 10px; height: 10px;" src="/uploads/6f5161084c2209d80fb2e1ea5a78a47e.jpg" width="570" /></div>
<div style="width: 570px;"><img style="width: 570px; height: 140px;" src="/uploads/e56fc5fdc839f34d261ff3ce9c260e68.jpg" width="570" /></div>
<div style="font-size: 11px; width: 570px; text-align: right;"><span style="color:#666666;">Собрала</span> Екатерина Гжимало</div>
<div style="font-size: 11px; width: 570px; text-align: right;"><span style="color:#666666;">Нарисовал</span> Александр Блосяк</div>
<div style="font-size: 11px; width: 570px; text-align: right;">bangbangstudio.ru</div>

Edited October 16, 2009 by ninulik

[psywalker]

Так вроде в ИЕ смотрю, всё хорошо. Может я чёто не так понял?

[ninulik]

Так вроде в ИЕ смотрю, всё хорошо. Может я чёто не так понял?

Я в субботу еще посидела и разобралась. Так что теперь все нормально выглядит и в IE. Просто его не устраивала высота одного из слоев.

Спасибо, что хоть ответили, а то я думала, что здесь, как в танке. ))

[s0rr0w]

Я в субботу еще посидела и разобралась. Так что теперь все нормально выглядит и в IE. Просто его не устраивала высота одного из слоев.

Спасибо, что хоть ответили, а то я думала, что здесь, как в танке. ))

Никому не интересно ковыряться в тоннах чужого кода.

[psywalker]

Никому не интересно ковыряться в тоннах чужого кода.

Мне иногда приятно порыться в чужом коде, при условии что он красиво организован

[ninulik]

Мне иногда приятно порыться в чужом коде, при условии что он красиво организован

Да уж... Только сайт, для которого все это версталось, не позволял прописать стили отдельно или хотя бы выше основного кода. Админка просто тупо вырезала все то, что заключено в теги <style>...</style>.

Вот и приходилось прописывать их в каждом конкретном случае.

Так что о красоте организации кода говорить не приходится. ))

[Justnewone]

Да уж... Только сайт, для которого все это версталось, не позволял прописать стили отдельно или хотя бы выше основного кода. Админка просто тупо вырезала все то, что заключено в теги <style>...</style>.

Вот и приходилось прописывать их в каждом конкретном случае.

Так что о красоте организации кода говорить не приходится. ))

а линком прицепить отдельный файл стилей? )))

Смело так, с наглостью предположу, что вы тег стайл внутри тега боди размещали.

[ninulik]

а линком прицепить отдельный файл стилей? )))

Смело так, с наглостью предположу, что вы тег стайл внутри тега боди размещали.

Интересно, а куда бы я этот файл прицепила?! У меня доступа к базе нет.

[Justnewone]

Интересно, а куда бы я этот файл прицепила?! У меня доступа к базе нет.

Ну, например, прямо в окошке визвигредактора. Сейчас, знаете, никому нельзя верить, возможно все. Вы ведь как-то установили, что что админка что-то там вырезает, или доступ к базе периодически появляется? =)