Модераторы: Illuminaty
  

Поиск:

Ответ в темуСоздание новой темы Создание опроса
> Ошибка отображения картинки для IE 
:(
    Опции темы
Andi
Дата 15.3.2007, 17:40 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



Профиль
Группа: Участник
Сообщений: 46
Регистрация: 28.8.2006

Репутация: нет
Всего: нет



Как заставить IE корректно выполнять следующий код:
Код

#myId {
    position:absolute;
    width:115px;
    height:100%;
    z-index:5;
    left: 0px;
    top: 0px;
    visibility: visible;
<div id="myId"><img src="image.jpg" width="100%" height="100%" /></div>

FF отрабатывает такой код корректно.Под Оперой еще не пробовал
Проблема в том что IE не растягивает картинку по диву.
Что тут можно придумать?
Как растянуть картинку на весь див так, что бы код корректно
работал на всех браузерах? 

PM MAIL   Вверх
incognito06
Дата 18.3.2007, 06:01 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



Профиль
Группа: Участник
Сообщений: 22
Регистрация: 12.3.2007
Где: Казахстан, Павлод ар

Репутация: нет
Всего: 1



Возможно, я что-то не правильно понял из Вашего вопроса, но я быстренько сейчас накидал, и все работает корректно, но только в ie. Честно сказать я Ваш код не совсем понял. Но исходя из того что, понял smile , и описания проблемы, вот попытался:

<html>
<head>
<style type="text/css">
.myid {
    position:absolute;
    width:115px;
    height:100%;
    z-index:5;
    left: 0px;
    top: 0px;
    visibility: visible;}
</style>
</head>
<body>
<div id="test" class="myid"><img src="image.jpg" width="100%" height="100%" /></div> 
</body>
</html>

На последок, пару слов. 
Если вы хотите сделать на сайте нечто растягивающееся, допустим "панель" smile (или др - без разницы), с какой либо стороны, лучше воспользуйтесь таблицей. 
Тем более если, Ваша страница вообще "плавающая" (подстраивается под размеры бровзера), советую всерьёз использовать табличный дизайн. И вот почему:
1. У такого способа много преимуществ. В настройке, в приоритетах размеров между отдельными элементами таблицы.
2. Добрая половина сайтов в сети (если не больше), построена именно на основе табличного дизайна. Можете проверить - откройте любой на вскидку сайт, просмотрите его в каком нибудь редакторе, и вероятность 75%, что он имеет "табличный скелет". 
3. Наверное самый убедительный аргумент в пользу таблиц, в данном случае будет, то что свободно позиционируемый элемент, который Вы использовали,(тэги div, span) на самом деле - это статический элемент страницы, Т.е. эдакий гвоздь. Где и как забили - там, так и растёт smile. Если указать какой то параметр размера относительно в этом элементе, то в ie он отобразиться правильно(видно из опытаsmile ), в opere же будут проблемы, в навигаторе скорее всего тоже.

Однако, если Вы всё же хотите воспользоваться статичным элементом, и сделать его таким, чтобы в разных бровзерах он отображался корректно, и менял размеры в реальном времени, а не только при загрузке или обновлении странницы, то Вам придётся написать скрипт на javascript (предполагаю, что для события onresize самой страницы), и потом ещё правильно всё настроить. Не факт, что даже при правильной настройке в opere всё будет работать нормально. 
Если Вы всё это уже знали - sorry за лишнюю инфу. Если же я вообще не правильно понял Вашу проблему, то опишите её ещё раз поподробнее.
Всем спасибо!



P.S. Если вопрос будет исчерпан, закройте тему пожалуйста. 


Это сообщение отредактировал(а) incognito06 - 18.3.2007, 06:04
PM MAIL   Вверх
Andi
Дата 19.3.2007, 14:46 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



Профиль
Группа: Участник
Сообщений: 46
Регистрация: 28.8.2006

Репутация: нет
Всего: нет



Спасибо за подробный ответ.Сразу ответить не получилось.
Проблема решается путем установки нулевых маргинов.Похоже  что IE
требует инициализацию большинства пареметров.
FF отрабатывает такие моменты корректнее.
Вообщем тему можно закрывать.
PM MAIL   Вверх
incognito06
Дата 19.3.2007, 19:15 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



Профиль
Группа: Участник
Сообщений: 22
Регистрация: 12.3.2007
Где: Казахстан, Павлод ар

Репутация: нет
Всего: 1



Цитата(Andi @  19.3.2007,  14:46 Найти цитируемый пост)
Проблема решается путем установки нулевых маргинов.
 - Честно сказать, у меня ie, и без указания нулевых маргинов, отображает всё правильно, а опера, в свою очередь, даже при указании маргинов нулевыми, всё ещё продолжает также вредничать.

Цитата(Andi @  19.3.2007,  14:46 Найти цитируемый пост)
Вообщем тему можно закрывать. 
 - Да, конечно.
Всем спасибо!


PM MAIL   Вверх
  
Ответ в темуСоздание новой темы Создание опроса
0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема | Вёрстка веб-сайтов | Следующая тема »


 




[ Время генерации скрипта: 0.0426 ]   [ Использовано запросов: 21 ]   [ GZIP включён ]


Реклама на сайте     Информационное спонсорство

 
По вопросам размещения рекламы пишите на vladimir(sobaka)vingrad.ru
Отказ от ответственности     Powered by Invision Power Board(R) 1.3 © 2003  IPS, Inc.