• Главная
  • Форум
  • Поиск
  • Правила форума
  • Регистрация
  • Вход
  • RSS
Новые сообщения
Случайный сайт с топа: Бесплатный файлообменник
  • Страница 1 из 1
  • 1
Модератор форума: skchez  
Форум для вебмастера » Раздел для Ucoz » Вопросы по uCoz » Помогите оптимизировать код под IE (В IE не масштабируется изображение на главной.)
Помогите оптимизировать код под IE
varonskДата: Четверг, 15.11.2012, 22:13 | Сообщение # 1


Offline

1 Активность на форуме
Сообщений: 3
Страна: Украина
Репутация: 0
Замечания: 0%
Сайт тут - http://astro-hirolog.at.ua

Уважаемые специалисты, столкнулся с такой проблемой. Оформляю главную страницу сайта, сделал масштабирующуюся рамку с картинкой внутри. Но Эксплорер, в отличии от других браузеров, не хочет все это масштабировать под разрешение экрана. Рамка или картинка отдельно - масштабируются, но после того как я помещаю скрипт масштабирующейся картинки в скрипт рамки - они остаются фиксированного размера. На других браузерах все нормально.

Вот скрипт с главной страници:

Code
<div style="background-color: f5f2cf; #border-width:1; border-color: #9696b5; border-style:groove; padding:1px;">
[color=blue][b]<span style="font-size:14pt">Делаем красивую рамку </span>[/color][/b]<body>
<div id="page-background"><img src="http://astro-hirolog.at.ua/Dizain/99.jpg" width="100%" alt="" /></div>
<div class="main">
</div>  
</div>  
</div>  
</body>


Это прописано в цсс для масштабирования картинки:

#page-background {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.main {
position: relative;
z-index: 1;
overflow: hidden;
}

Заранее благодарен!
Сообщение отредактировано
varonsk - Четверг, 15.11.2012, 22:35
varonskДата: Пятница, 16.11.2012, 10:38 | Сообщение # 2


Offline

1 Активность на форуме
Сообщений: 3
Страна: Украина
Репутация: 0
Замечания: 0%
Нашел следующее - для эксплорера нужно приписать в цсс следующе

body {
background:url(about:blank);
background-attachment: fixed;
}
#page-background {
position:absolute;
top: expression(document.getElementsByTagName("body")[0].scrollTop + "px");
}

Картинка, если без рамки теперь масштабируется, но помещена в самый верх сайта, закрывает шапку. И если добавить еще одну - она стает на место первой. Одна беда с этим эксплорером - вот уж где карма плохая реализовалась, так это в IE(
varonskДата: Пятница, 16.11.2012, 13:16 | Сообщение # 3


Offline

1 Активность на форуме
Сообщений: 3
Страна: Украина
Репутация: 0
Замечания: 0%
Решение нашел, может кому пригодится - но в эесплорере это изображение стает поверх, и все что добавляется становится под ним.

на главной нужно было перегрупировать элементы, чтобы первым был


Главная:

Code
<body>
<div id="page-background">
<div style="background-color: f5f2cf; #border-width:1; border-color: #9696b5; border-style:groove; padding:1px;">
<div style="background-color: f5f2cf; #border-width:3; border-color: #cac6d2; border-style:ridge;padding:0px;">
<div style="border:2px solid #cee8ee;">
          Пишем текст
</span></span></b><body><img src="http://astro-hirolog.at.ua/Dizain/99.jpg" width="100%" alt="" />
<div class="main">     
</div>
</div>     
</div>     
</div>     
</div>
</body>


ЦСС

Code
#page-background {
     position: fixed;
     table-layout:fixed
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
}
.main {
     position: relative;
     z-index: 1;
     overflow: hidden;
}
body {
     background:url(about:blank);
     background-attachment: fixed;
}
#page-background {
     position:absolute;
     top: expression(document.getElementsByTagName("body")[100].scrollTop + "100px");
}


в оригинале в нижней строке следует написать (document.getElementsByTagName("body")[0].scrollTop + "px"); но тогда изображение с рамкой прикрепляется к верху сайта а не остается под низом шапки.
Сообщение отредактировано
varonsk - Пятница, 16.11.2012, 14:53
Форум для вебмастера » Раздел для Ucoz » Вопросы по uCoz » Помогите оптимизировать код под IE (В IE не масштабируется изображение на главной.)
  • Страница 1 из 1
  • 1
Поиск:
Статистика Форума
Последнии темы Читаемые темы Лучшии пользователи Новые пользователи

Монетизируй свой сайт (от 50 человек в сутки за неделю)

(0)

Раскрути свой сайт за копейки

(0)

Раскрути свой сайт за копейки

(0)

Раскрути свой сайт за копейки

(0)

Информация по UCOZUA (что с проектом?)

(0)

Игры онлайн

(0)

эрофорум

(0)

Общение

(123)

Оценочная сайтов

(93)

Поиск!

(42)

Страница добавления/редактирования материала

(34)

Скрипт поделиться с людьми (Вконтакте и другими соц.сетями)

(21)

Нужен скрипт

(20)

Оо на YouTube новый плеер

(19)

1 GoodJob

Украина (457)

2 NEMlROV

Российская Федерация (104)

3 TheTolik32

Украина (76)

4 zuuuzik

Украина (66)

5 skchez

Российская Федерация (62)

6 SkyAngel

Украина (50)

7 PheonixICQ

Российская Федерация (50)

8 DIMONTROF

Украина (45)

1 epicpeacр

Российская Федерация (0)

2 zaxarlazarev

Российская Федерация (0)

3 Polica

Узбекистан (0)

4 upminecraftru

Российская Федерация (0)

5 gomer

Казахстан (0)

6 ART994

Российская Федерация (0)

7 igorbruma

Молдова (0)

8 Plovskis

Корея (0)

Map1, map2 ! Все материалы размещенные на сайте пренадлежат их владельцам и предоставляются исключительно в ознакомительных целях. Администрация ответственности за содержание материала не несет и убытки не возмещает. По истечении 24 часов материал должен быть удален с вашего компьютера. Незаконная реализация карается законами РФ и Украины: "Об авторском и смежном праве". При копировании материала, ссылка на сайт обязательна! Хостинг от uCoz PR-CY.ru