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



 

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

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

Открыть тему
Тема закрыта
> IE6 проблема позиционирования блоков
greenmar
greenmar
Topic Starter сообщение 16.3.2011, 17:41; Ответить: greenmar
Сообщение #1


Не могу понять логику IE6. В других браузерах все прекрасно. Попытаюсь изложить наглядно:
[IMG]http://i4.fastpic.ru/big/2011/0316/50/27f57cbe447b33f16c470f3c41ca6350.jpg[/IMG]
Здесь контент вместе с блоком растягивающегося фона оказались впереди всех. Если фону назначить position:relative он вообще пропадает.
А вот как должно быть:
[IMG]http://i4.fastpic.ru/big/2011/0316/54/30bafbcc145917d5821d02430150e954.jpg[/IMG]

(привожу только проблемный участок):
<div align="center" id="bg1">
<div align="center" id="content_cycle">
<div id="text">
<jdoc:include type="component" />
<div id="footer">
<div id="copyright">...</div>
</div>
</div>
</div>
</div>


[CSS]
#bg1 {
margin:0px auto;
padding:0px;
background-image:url(../images/main.png);
width:1186px;
height:709px;
position:relative;
background-position: center;
background-repeat: no-repeat;
}

#content_cycle {
margin:0px auto;
padding:0px;
position:absolute;
margin-top:700px;
margin-left:-16px;
background-image:url(../images/content.png);
background-position:center;
width:1186px;
background-repeat: repeat-y;
}

*html #content_cycle {
margin-left:-608px;
}

#text {
width:500px;
margin:0px;
margin-top:-250px;
font-family:Georgia, "Times New Roman", Times, serif;
color: #333333;
font-size:14px;
text-align: left;
}


#footer {
background-image:url(../images/content_dn.png);
position:absolute;
margin:0px auto;
margin-left:-343px;
padding:0px;
width:100%;
height:346px;
background-repeat: no-repeat;
background-position: center;
}
*html #footer {
width:751px;
height:346px;
margin:0;
padding:0px;
margin-left:-125px;
}
[/CSS]
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
greenmar
greenmar
Topic Starter сообщение 18.3.2011, 6:18; Ответить: greenmar
Сообщение #2


мдя... долго ответа нет
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
pavelsc
pavelsc
сообщение 19.3.2011, 0:27; Ответить: pavelsc
Сообщение #3


Я так понимаю надо для #text указать height:951px; (родитель + negative margin)
Для более глубокого понимания читаем эти статьи: вот эту Creating Liquid Layouts with Negative Margins и вот эту Обрезка контента c отрицательным margin в IE6
Удачи =)
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
greenmar
greenmar
Topic Starter сообщение 20.3.2011, 6:43; Ответить: greenmar
Сообщение #4


Пробовал указать height:951px для #text - не помогло. Все осталось без изменений. Двухнедельные эксперименты не закончились. Прописал следующее
[CSS]
*html #text {
position:relative;
}[/CSS]
И вот что случилось. Конент вышел вперед. И вроде и фон растягивается нормально. НО! Если контента мало, нижний элемент (#footer) смещается вправо. Правда чуть-чуть совсем, пикселей на 5-10. Если контента много, то влево. И чем больше тем больше смещается влево. Вот тут то я призадумался... Это ж каким таким свойством можно все наладить?
И кстати элемент справа по-прежнему остался за слоем контента.
[IMG]http://i18.fastpic.ru/big/2011/0320/79/12e1be78fa6c29c5e9658635e74dd579.jpg[/IMG]
Вот его свойства:

[CSS]
*html #fixblock
{
margin:0 auto;
padding: 0px;
margin-top:480px;
margin-left:290px;
position:absolute;
}[/CSS]

Почему position:absolute не работает?

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


Свернуть

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

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) ПРОЦЕССИНГ НА РУ-КАРТЫ, КИВИ, СИМ С ГАРАНТИЕЙ ОТ БЛОКОВ
0 Dark_process 1014 7.11.2022, 13:48
автор: Dark_process
Открытая тема (нет новых ответов) Нужен дизайнер для прорисовки блоков на сайте
3 kolyas 1600 12.5.2020, 21:24
автор: kolyas
Открытая тема (нет новых ответов) Проблема с админкой
5 Prok 2338 29.7.2019, 20:04
автор: dvakarandasha
Открытая тема (нет новых ответов) Тема имеет прикрепленные файлыПроблема с таблицей, которая выводится через скрипт
7 vanchester 1339 15.2.2019, 19:06
автор: Artos_mw
Открытая тема (нет новых ответов) Тема имеет прикрепленные файлыПроблема в тегах при сохранении контента
1 Kord18 1430 13.3.2018, 18:19
автор: Evgeniy3200


 



RSS Текстовая версия Сейчас: 25.4.2024, 12:21
Дизайн