position:fixed; - IE6

psywalker · September 13, 2009

Ребят, помогите побороть ИЕ6, задача простая, нужно что-бы слева сверху вниз были расположены 4 вкладки, они должны быть фиксированные и по 25% в высоту, тоесть каждая ровно четверть экрана, что-бы в экран они умещались чётко как нужно и при прокрутке всегда были зафиксированы, как и изначально. Проблема в том, что в ИЕ6 никак не хочет работать такая конструкция, поэтому прошу помощи, так как сам уже не знаю, что делать и есть вопросики:

1) Можно ли решить эту проблему в ИЕ6 без использования скрипта? (экспрешаны одобряются)

2) Можно ли как нибудь по другому обыграть это решение для всех браузеров, включая ИЕ6. Может быть есть другие решения этой задачи?

Тут пример задачи, работает везде кроме ИЕ6

http://www.psywalker.ru/Forum/FreshWebLab/main-page.html

Заранее благодарю :rolleyes:

Great Rash · September 14, 2009

Собссно:

http://www.artlebedev.ru/tools/technogrett.../fixed_in_msie/

мне больше нравится вот этот вариант, хотя он потребует переделки страницы (небольшой переделки), и вообще я такого рода эксперименты люблю:

http://www.artlebedev.ru/tools/technogrett.../emulate-fixed/

psywalker · September 14, 2009

Собссно:
http://www.artlebedev.ru/tools/technogrett.../fixed_in_msie/
мне больше нравится вот этот вариант, хотя он потребует переделки страницы (небольшой переделки), и вообще я такого рода эксперименты люблю:
http://www.artlebedev.ru/tools/technogrett.../emulate-fixed/

Спасибо друг, но вчера я один из них уже пробовал, и у меня не вышло, просто понимаешь, у меня то задача посложнее, в том то и дело, я чё обращаюсь. У меня 4 разных блока и их надо зафиксировать по наглому, всем присабачить по 25% высоты экрана и расположить друг за другом слева. Ты потяни экран по высоте вниз - вверх, видишь, они сужаются, и ещё фиксированны.

А так конеш спасиб, я буду пробовать остальные способы, по факту отпишусь потом :rolleyes:

psywalker · September 14, 2009

блин, ничё не вышло, так и думал, вобщем на данный момент задача не решена! :rolleyes:

Great Rash · September 14, 2009

Ну, запихнуть их все в общий контейнер который будет fixed, а внутри него уже располагать эти 4 дива. Или я что-то не так понял?

psywalker · September 14, 2009

Ну, запихнуть их все в общий контейнер который будет fixed, а внутри него уже располагать эти 4 дива. Или я что-то не так понял?

Вообще идея, хихи, чё то я не подумал об этом))) Щас попробую :rolleyes:

psywalker · September 14, 2009

Дружище, не получается ничего, вот так тока выходит, загляни в ие6

http://psywalker.ru/Forum/FreshWebLab/main-page.html

блин, просто я чё то запутался, может чё не так делаю?

Edited September 14, 2009 by psywalker

tt48 · September 14, 2009

Дружище, не получается ничего, вот так тока выходит, загляни в ие6
http://psywalker.ru/Forum/FreshWebLab/main-page.html
блин, просто я чё то запутался, может чё не так делаю?

[тихий-тихий голос из-под горы табуреток]: а может быть фрейм?)

Great Rash · September 14, 2009

Оно?

<!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" xmlns:v="urn:schemas-microsoft-com:vml">
<head>
	<title>template</title>
	<meta http-equiv="content-type" content="text/html;charset=utf-8" />
	<meta http-equiv="Content-Style-Type" content="text/css" />

	<style type="text/css">
		* {
			margin: 0;
			padding: 0;
		}

		html,
		body {
			height: 100%;
			overflow: hidden;
		}

		.body {
			position:relative;
			height: 100%;
			overflow: auto;
		}

		.fixed{
			position: absolute;
			top: 0;
			left: 0;
			width: 100px;
			height: 100%;
			z-index: 1;
		}

		.red {
			height: 25%;
			background: red;
		}

		.green {
			height: 25%;
			background: green;
		}

		.lime {
			height: 25%;
			background: lime;
		}

		.cyan {
			height: 25%;
			background: cyan;
		}
	</style>

	<script type="text/javascript">

	</script>
</head>
<body>

	<div class="body">
		text text text text text text text text text text text text text text text text text text text text<br /><br /><br /><br /><br /><br /><br />
		text text text text text text text text text text text text text text text text text text text text<br /><br /><br /><br /><br /><br /><br />
		text text text text text text text text text text text text text text text text text text text text<br /><br /><br /><br /><br /><br /><br />
		text text text text text text text text text text text text text text text text text text text text<br /><br /><br /><br /><br /><br /><br />
		text text text text text text text text text text text text text text text text text text text text<br /><br /><br /><br /><br /><br /><br />
		text text text text text text text text text text text text text text text text text text text text<br /><br /><br /><br /><br /><br /><br />
		text text text text text text text text text text text text text text text text text text text text<br /><br /><br /><br /><br /><br /><br />
		text text text text text text text text text text text text text text text text text text text text<br /><br /><br /><br /><br /><br /><br />
	</div>

	<div class="fixed">
		<div class="red"></div>
		<div class="green"></div>
		<div class="lime"></div>
		<div class="cyan"></div>
	</div>

</body>
</html>

mishka · September 14, 2009

Great Rash, ты гений :rolleyes:

Great Rash · September 14, 2009

Да ну, не смущайте меня :rolleyes:

Тем более, что идея взята с сайта Самизнаетекого.

mishka · September 14, 2009

Я все пытался с експрешеном разобратся, но чтото несмог :rolleyes:

psywalker · September 14, 2009

Афигеть, спасибо тебе Great Rash, ты правда талант, уж извини, тут не попишешь :rolleyes:

mishka · September 14, 2009

Упс, Great Rash, psywalker, ктонибудь в ие посмотрел?

Ложная тревога :rolleyes: все ок.

psywalker · September 14, 2009

Упс, Great Rash, psywalker, ктонибудь в ие посмотрел?
Ложная тревога все ок.

Мих, ты так не пугай

tt48 · September 14, 2009

Все гениальное просто=)

У меня назрел глупый вопрос:

использование

urn:schemas-microsoft-com:vml

чего-нибудь в данном шаблоне даёт?

Я так понял, это подключение VML, но использование его напрямую не увидел, а потому как только минуту назад узнал о его существовании, вопрос и назрел. Так что не судите строго)

Great Rash · September 15, 2009

Нет. Ничего не дает :rolleyes:

Это я просто с VML сейчас экспериментирую. Шаблон оттуда остался.

bot87 · May 23, 2011

Создавай новую тему!

Edited May 23, 2011 by psywalker
Создание темы в чужих постах.

gordi · May 23, 2011

Все давно известно

Осталость решить проблему горизонтальной прокрутки при уменьшении размеров окна браузера

Sign In

position:fixed; - IE6

Question

Link to comment

Share on other sites

18 answers to this question

Recommended Posts

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Join the conversation

Обсуждения

Important Information