min-width body ie6 - SEO форум MaulTalk.com

Сообщение сайта

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

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

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

SEO форум MaulTalk.com > Веб-строительство > Программная часть

min-width body ie6

Опции

Alex2017

Topic Starter сообщение

28.1.2011, 17:05; Ответить: Alex2017

Сообщение #1

Группа: User
Сообщений: 37
Регистрация: 6.7.2009
Поблагодарили: 0 раз
Репутация:

Добрый вечер.
Есть 2-х колоночный резиновый макет с прижатым футером.
Все вроде бы хорошо, но при просмотре в ie6 не видно левого меню до тех пор, пока не изменить размер окна.
Это каким-то чудным образом связано с expression для футра и врапера.
Я подумал, что если задать expression для самого документа, то мог бы выйти прок. Но как это сделать я не знаю.

Вот сам код:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=7" />
<title>Меню по левой стороне</title>
<link rel="stylesheet" href="css/reset.css" type="text/css" />



<style type="text/css">

body {min-width:800px}

.header {
display:block;
background:green;
position:relative;
height:200px
}

.wrapper {
display: block;
position: relative;
min-height: 100%;
height: auto !important;
height: 100%;
width: 100%;
}

.container {
display: block;
padding: 0 0 100px 250px;
}

.container .column{position:relative; float:left}

#content {width:100%}

#left {
width: 190px;
right: 250px;
margin-left: -100%;
padding:0 0 10px 30px
}

.container:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

.footer {
margin: -100px 0 0 0;
height: 100px;
background: #BFF08E;
position: relative;
}

.text{border:1px solid black;}

.container, #ie#fix{
zoom: 1;
display: block;
}

*:first-child+html #left{left: -250px;}

</style>
</head>
<body>

<div class="wrapper">

<div class='header'>
Шапка
</div>

<div class="container">

<div id='content' class='column'>

<div class='text'>
<p>Подвал не должен обтекать левую колонку справа, он должен располагаться в самом низу макета и занимать всю его ширину. Из-за того, что включено обтекание блока left всеми другими блоками все последующие блоки начинают прижиматься к левому краю шаблона. Чтобы это избежать следует указать отступ для блока content от края шаблона равный ширине блока left. При увеличении высоты левой колонки, подвал, блок footer начинает ее обтекать, так как в style.css для блока left задано обтекание с помощью свойства float:left;. Чтобы этого избежать для этого блока следует ввести очистку обтеканий clear:both. Подвал не должен обтекать левую колонку справа, он должен располагаться в самом низу макета и занимать всю его ширину. Из-за того, что включено обтекание блока left всеми другими блоками все последующие блоки начинают прижиматься к левому краю шаблона. Чтобы это избежать следует указать отступ для блока content от края шаблона равный ширине блока left. При увеличении высоты левой колонки, подвал, блок footer начинает ее обтекать, так как в style.css для блока left задано обтекание с помощью свойства float:left;. Чтобы этого избежать для этого блока следует ввести очистку обтеканий clear:both.</p>
<p>Подвал не должен обтекать левую колонку справа, он должен располагаться в самом низу макета и занимать всю его ширину. Из-за того, что включено обтекание блока left всеми другими блоками все последующие блоки начинают прижиматься к левому краю шаблона. Чтобы это избежать следует указать отступ для блока content от края шаблона равный ширине блока left. При увеличении высоты левой колонки, подвал, блок footer начинает ее обтекать, так как в style.css для блока left задано обтекание с помощью свойства float:left;. Чтобы этого избежать для этого блока следует ввести очистку обтеканий clear:both. Подвал не должен обтекать левую колонку справа, он должен располагаться в самом низу макета и занимать всю его ширину. Из-за того, что включено обтекание блока left всеми другими блоками все последующие блоки начинают прижиматься к левому краю шаблона. Чтобы это избежать следует указать отступ для блока content от края шаблона равный ширине блока left. При увеличении высоты левой колонки, подвал, блок footer начинает ее обтекать, так как в style.css для блока left задано обтекание с помощью свойства float:left;. Чтобы этого избежать для этого блока следует ввести очистку обтеканий clear:both.</p></div>
</div>

<div id='left' class='column'>
<p>Меню</p>
<p>Меню</p>
<p>Меню</p>
<p>Меню</p>
<p>Меню</p>
</div>

</div>

</div>

<div class="footer">
Прижимающийся футер
</div>

</body>
</html>

Буду очень благодарен за помощь в устранении проблемы!

Ответить с цитированием данного сообщения

MetSerp MetSerp 28.1.2011, 17:30; Сообщений: 3274 Поблагодарили: 0 раз Репутация: 0 Просмотр профиля	28.1.2011, 17:30; Ответить: MetSerp Сообщение #2
0 Группа: User Сообщений: 3274 Регистрация: 20.10.2008 Поблагодарили: 0 раз Репутация: 0	min-width в ие насколько я помню можно сделать так: [php]width:auto !important;// для нормальных браузеров width:100px;// для ие 6, так как он не учитывает !important и просто перепишет значение, остальные браузеры оставят старое min-width:100px// для остальных браузеров [/php]

Alex2017

Topic Starter сообщение

28.1.2011, 17:40; Ответить: Alex2017

Сообщение #3

Группа: User
Сообщений: 37
Регистрация: 6.7.2009
Поблагодарили: 0 раз
Репутация:

Так в моем случае не получается. Не понятно больше всего, почему в момент отрисовки страницы меню уходит за границу окна, а при ресайзе мгновенно встает на место
До ресайза окна
После

Замечание модератора:
Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней.
Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой

или обратитесь к любому из модераторов.

« Предыдущая тема · Программная часть · Следующая тема »

1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)

Пользователей: 0

Похожие темы

Тема	Ответов	Автор	Просмотров	Последний ответ
Adobe muse: Не могу разместить нужный мне код сразу после Body	0	Evg82	3833	20.6.2020, 10:24 автор: Evg82
Захотелось странного (div width)	2	Winns	5426	13.12.2011, 0:36 автор: -Очень-
Баги в ie6	4	websun	6409	15.4.2011, 11:55 автор: -Yuri-
центрирование не работает в IE6	6	ChipAlina	7527	22.12.2010, 14:13 автор: -FightInGlory-
Баг свойства width в моззіле	0	ZhukV	6062	31.1.2010, 15:56 автор: -ZhukV-

Режим отображения: Стандартный · Переключить на: Линейный · Переключить на: Древовидный

Подписка на тему · Сообщить другу · Версия для печати · Подписка на этот форум

Текстовая версия

Сейчас: 20.4.2024, 9:41

Дизайн