X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость (

| Вход | Регистрация )

2 страниц V   1 2 >
Открыть тему
Тема закрыта
> Верстка и проблемы в IE6, Несколько блоков не отображаются в explorer6
Fairy of Flowers
Fairy of Flowers
Topic Starter сообщение 21.5.2009, 7:18; Ответить: Fairy of Flowers
Сообщение #1


Здравствуйте. Весь день сижу и ломаю голову, или заработалась, или чего-то не понимаю... В общем, прошу помощи

Мне необходимо, чтобы в header сайта были несколько div-ов (две картинки и логотип), картинка под картинкой. На скрине прилагаю, что примерно мне надо (пока я поместила все три картинки в углу, потом они будут смещены в стороны)

В FF, Opera и IE7 все нормально. А вот в IE6 картинок в шапке вообще не видно... В чем может быть проблема?

Заранее спасибо!

Html код:

<div class="top">
<div class="toppic">
<div class="banner1"><img src="<?php $base_path ?>themes/jrtheme2/images/banner1.gif" alt=""/></div>
<div class="banner2"><img src="<?php $base_path ?>themes/jrtheme2/images/banner2.gif" alt=""/></div>
<div class="logotop1"><img src="<?php $base_path ?>themes/jrtheme2/images/logotip.jpg" alt=""/></div>
</div>
<div class="topavatarblank"></div>
</div>



Css:

.banner1 {
width:400px;
height:250px;
position: absolute;
z-index:5;
margin: 0;
}
.banner2 {
width:300px;
height:120px;
position: absolute;
z-index:6;
margin: 0;
}
.logotop1 {
width:298px;
height:68px;
position: absolute;
z-index:7;
margin: 0;
}
.top {
background-color:#141414;
width:780px;
height:259px;
margin-left:auto;
margin-right:auto;
}
.toppic {
background:url(images/toppic.jpg);
width:530px;
height:259px;
float:left;
}
.topavatar {
background:url(images/topavatar.jpg);
width:210px;
height:199px;
float:right;
padding: 40px 20px 20px 20px;
}

Эскизы прикрепленных изображений
Прикрепленное изображение
 
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
ilyazh
ilyazh
сообщение 21.5.2009, 8:00; Ответить: ilyazh
Сообщение #2


Жаль нету времени сейчас посмотреть - если проблему не решите, то днём посмотрю.
А вообще я бы советовал забить на ИЕ6. Это уже не браузер, а труп. Или почему тогда не верстаете под нетскейп или ие5? Они не сильно старее ие6 =)
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
ZiTosS
ZiTosS
сообщение 21.5.2009, 8:50; Ответить: ZiTosS
Сообщение #3


Fairy of Flowers, попробуйте убрать background у toppic Возможно слои абсолютных блоков лежат ниже.
Вообще советую поставить toppic
background: transparent
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Fairy of Flowers
Fairy of Flowers
Topic Starter сообщение 21.5.2009, 8:57; Ответить: Fairy of Flowers
Сообщение #4


(ilyazh @ 21.5.2009, 15:00) *
А вообще я бы советовал забить на ИЕ6. Это уже не браузер, а труп.

Так многие еще пользуются IE 6....

(ZiTosS @ 21.5.2009, 15:50) *
попробуйте убрать background у toppic Возможно слои абсолютных блоков лежат ниже.

Хммм... попробую, проверю. Но дело в том, что background у меня в виде картинки... убрать я его не могу...
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
yury_mw
yury_mw
сообщение 21.5.2009, 12:29; Ответить: yury_mw
Сообщение #5


(ilyazh @ 21.5.2009, 8:00) *
А вообще я бы советовал забить на ИЕ6. Это уже не браузер, а труп. Или почему тогда не верстаете под нетскейп или ие5? Они не сильно старее ие6 =)

ilyazh, прежде чем делать выводы про трупы смотрим статистику популярных браузеров за апрель 2009г
* в рунете (данные spylog):
Explorer 7...25,43%
Firefox 3....20,53%
Explorer 6...20,34%
Opera 9......15,25%
Explorer 8....5,97%
Opera Mini 4..2,90%
Firefox 2.....2,58%
Chrome 1......1,54%
Safari 525....1,31%

* в мире (данные w3c):
Firefox ......47.1%
Explorer 7....23.2%
Explorer 6....15.4%
Opera .........2.2%
Explorer 8.....3.5%
Chrome ........4.9%
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Fairy of Flowers
Fairy of Flowers
Topic Starter сообщение 21.5.2009, 13:38; Ответить: Fairy of Flowers
Сообщение #6


Поправочку внесу, как оказалось сайт работает в IE8, а в 7-м картинки уходят вправо, а в 6-м их вообще не видно....

p.s. купила ноутбук, а тут оказывается мне IE8 поставили...жуть )))
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
yury_mw
yury_mw
сообщение 21.5.2009, 13:54; Ответить: yury_mw
Сообщение #7


(Fairy of Flowers @ 21.5.2009, 13:38) *
p.s. купила ноутбук, а тут оказывается мне IE8 поставили...жуть )))

Fairy of Flowers,
Ежли не в курсе, ie8 - это критическое обновление винды. :)
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Banderas
Banderas
сообщение 21.5.2009, 15:35; Ответить: Banderas
Сообщение #8


Думаю лучше к ИЕ6 и/или ИЕ8 подгружать отдельные файлы CSS. Тоесть сначала сверстать для большинства браузеров, потом переверстать для "уникалов".
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
ZiTosS
ZiTosS
сообщение 21.5.2009, 20:12; Ответить: ZiTosS
Сообщение #9


Fairy of Flowers,
Хммм... попробую, проверю. Но дело в том, что background у меня в виде картинки... убрать я его не могу...

Я это попросил, чтобы тупо исключить вариант такой, что блоки располагаются ниже фона.
То что в седьмом уезжает, так это не знаю даже. А зачем вы для абсолютного div выставили margin, он вроде не влияет. Попробуйте его убрать. лучше поставьте
top: 0px;
left: 0px;
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Xap_mw
Xap_mw
сообщение 22.5.2009, 7:28; Ответить: Xap_mw
Сообщение #10


Как это не прискорбно, но 6 ишаком до сих пользуются. Видел решение всяческих проблем связанных с неккоректным отображением в IE 6 путем добавлением css специально для IE 6.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
2 страниц V   1 2 >
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Горячая тема (нет новых ответов) Тема имеет прикрепленные файлыВерстка/Натяжка/Оптимизация/Увеличение функционала шаблонов на WP
Разработка на профессиональном уровне
144 Gerga 91684 11.3.2024, 19:59
автор: anchous
Открытая тема (нет новых ответов) Тема имеет прикрепленные файлыКачественный современный дизайн сайтов, логотипов, печатной продукции. Верстка.
26 zaiko 17167 30.1.2024, 18:10
автор: zaiko
Открытая тема (нет новых ответов) Верстка шаблона Битрикс
0 bat 1366 26.9.2023, 6:22
автор: bat
Открытая тема (нет новых ответов) Верстка электронных писем бесплатно
0 Gidemopassan 1499 23.6.2023, 10:12
автор: Gidemopassan
Горячая тема (нет новых ответов) Сайт "под ключ" (дизайн, верстка, CMS)
32 Brans 16446 19.5.2023, 22:01
автор: Brans


 



RSS Текстовая версия Сейчас: 29.3.2024, 14:55
Дизайн