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



 

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

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

Открыть тему
Тема закрыта
> непонятко с position:absolute и всеми любимым IE6 =)
LifeUP
LifeUP
Topic Starter сообщение 25.1.2011, 17:13; Ответить: LifeUP
Сообщение #1


html
<div id="header">

<!-- текст -->
<p class="text">Бытовая техника в Калининграде<br />от европейских производителей</p>

<!-- слоган -->
<p class="slogan">Всегда выгодные покупки!</p>

<!-- логотип -->
<img class="logo" src="{site_url}{theme}/images/logo.png" width="395" height="106" alt="Техно Стиль" />

<!-- телефон, адрес -->
<img class="phone" src="{site_url}{theme}/images/phone.png" width="139" height="66" alt="Техно Стиль, телефон, адрес" />

<!-- холодильник -->
<img class="refrigerator" src="{site_url}{theme}/images/refrigerator.png" width="71" height="185" alt="Холодильники" />

<!-- стиральная машинка -->
<img class="wash" src="{site_url}{theme}/images/wash.png" width="85" height="110" alt="Стиральные машинки" />

<!-- сушильная машинка -->
<img class="dryer" src="{site_url}{theme}/images/dryer.png" width="85" height="111" alt="Сушильные машинки" />

<!-- духовка -->
<img class="oven" src="{site_url}{theme}/images/oven.png" width="101" height="101" alt="Духовки" />

<!-- варочная поверхность -->
<img class="hob" src="{site_url}{theme}/images/hob.png" width="106" height="91" alt="Варочные поверхности" />

<!-- вытяжка -->
<img class="extract" src="{site_url}{theme}/images/extract.png" width="129" height="78" alt="Вытяжки" />

</div>


css
[CSS]
#header {
height:285px;
margin:0 auto;
width:1000px;
}
#header img, #header p {
position: absolute;
}
#header .logo {
margin:15px 0 0 290px;
}
#header .phone {
margin:15px 0 0 821px;
}
#header .refrigerator {
margin:85px 0 0 44px;
}
#header .wash {
margin:162px 0 0 195px;
}
#header .dryer {
margin:162px 0 0 345px;
}
#header .oven {
margin:174px 0 0 501px;
}
#header .hob {
margin:182px 0 0 676px;
}
#header .extract {
margin:195px 0 0 836px;
}
[/CSS]

т.е в блок #header я закидываю картинки, делаю их position:absolute затем через margin расставляю их на свои места.

Opera, mozila:
[img]http://imagepost.ru/thumbs/517/h1.jpg[/img]

ie6:
[img]http://imagepost.ru/thumbs/517/h2.jpg[/img]

получается что ie6 видит картинки рядом и не залазит на них.
Как это можно пофиксить?
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Rayled_hb
Rayled_hb
сообщение 25.1.2011, 19:13; Ответить: Rayled_hb
Сообщение #2


Странно, у меня в IEtester шестой IE не раскидывает все так, как у вас на картинке. Не знаю, мож реальный IE и глючит... Кстати, а что если для id="header" задать position: relative. Тогда можно будет не маргинами блоки ровнять, а с пом. top, right, boottom, left относительно хедера. По-моему гораздо проще, тем более, что у вас хедер фикс размеров. Заодно может тогда и проблема с IE6 пропадет.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
LifeUP
LifeUP
Topic Starter сообщение 25.1.2011, 19:22; Ответить: LifeUP
Сообщение #3


(Rayled_hb @ 25.1.2011, 21:13) *
Странно, у меня в IEtester шестой IE не раскидывает все так, как у вас на картинке. Не знаю, мож реальный IE и глючит... Кстати, а что если для id="header" задать position: relative. Тогда можно будет не маргинами блоки ровнять, а с пом. top, right, boottom, left относительно хедера. По-моему гораздо проще, тем более, что у вас хедер фикс размеров. Заодно может тогда и проблема с IE6 пропадет.


спасибо, буду пробовать.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Smile-ann
Smile-ann
сообщение 25.1.2011, 20:48; Ответить: Smile-ann
Сообщение #4


Здравствуйте!
Нуждаюсь в помощи.
Использую позиционирование
.naiti_3
{
position: absolute;
left:941px;
top:43px;
}
НО!!
При изменении размера окна координаты меняются и мое позиционирование остается на месте а фон сдвигается.Сам фон по центру и все располагалось относительно фона
Как зафиксить на одном месте?
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Rayled_hb
Rayled_hb
сообщение 25.1.2011, 20:56; Ответить: Rayled_hb
Сообщение #5


Smile-ann, так задайте процентные координаты, а не в пикселях.

Замечание модератора:
Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней.
Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой
или обратитесь к любому из модераторов.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

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

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) PhoneParser — сборщик мобильных номеров из поиска вк со всеми критериями
2 MrFizik 4601 31.12.2014, 13:57
автор: MrFizik
Открытая тема (нет новых ответов) Баги в ie6
4 websun 6407 15.4.2011, 11:55
автор: -Yuri-
Открытая тема (нет новых ответов) центрирование не работает в IE6
6 ChipAlina 7527 22.12.2010, 14:13
автор: -FightInGlory-
Открытая тема (нет новых ответов) В IE6 display:none работает своеобразно
14 AliNurqoja 14486 22.10.2009, 13:56
автор: -AliNurqoja-
Открытая тема (нет новых ответов) Проблема с overflow + absolute
0 hel 7042 19.8.2009, 15:38
автор: -hel-


 



RSS Текстовая версия Сейчас: 16.4.2024, 20:11
Дизайн