Фиксед left: 0; при max-width

gesandte · December 29, 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" xml:lang="ru" lang="ru">
<head>
	<meta http-equiv="content-type" content="text/html; charset=windows-1251" />
	<title>fixed for min-, max-width body</title>
	<style type="text/css">
	*{
		margin: 0;
		padding: 0;
	}

	body,html {
		height: 100%;
	}

	body {
		background: rgb(235,235,235);
		width: 100%;
		min-width: 1000px;
                    /* max-width: 1600px; - в реальном значении */
		max-width: 1000px; /* Имитация монитора с разрешением больше 1600пх */
		margin: 0 auto;
	}

	div.wrapperBase {
		background: rgb(255,255,255);
		min-height: 100%;
		position: relative;
	}

		div.wrapperBase div.myLine {
			background: rgb(0,0,0);
			width: 2%;
			height: 100%;
			position: fixed;
			top: 0;
			left: 0;
			z-index: 10;
		}

    </style>
</head>
<body>

<div class="wrapperBase">

	<div class="myLine">
	</div>

	<!-- Контент -->

</div>

</body>
</html>

Собственно надо зафиксировать div.myLine, чтобы он прижимался к div.wrapperBase ,а не к боди

Edited December 29, 2009 by gesandte

Great Rash · December 29, 2009

А почему не абсолют или релатив, а фиксед?

Ширина 2% не будет работать т.к. у родителя не задана ширина.

psywalker · December 29, 2009

Всё верно, блоком-контейнером у фиксированного элемента является именно ОКНО просмотра, а значит body, так что по-другому никак.

А вообще мне просто интересно узнать, как ты себе по-другому представляешь? Чтобы блок фиксился в другом и при этом не прокручивался?

gesandte · December 29, 2009

Всё верно, блоком-контейнером у фиксированного элемента является именно ОКНО просмотра, а значит body, так что по-другому никак.
А вообще мне просто интересно узнать, как ты себе по-другому представляешь? Чтобы блок фиксился в другом и при этом не прокручивался?

Волкер, а вот хрен его знает))))

psywalker · December 29, 2009

Волкер, а вот хрен его знает))))

Вот и я также :unsure:

gesandte · December 29, 2009

Решил задачку))))))))

немног извращений с цсс и все)

Edited December 29, 2009 by gesandte

gesandte · December 29, 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" xml:lang="ru" lang="ru">
<head>
	<meta http-equiv="content-type" content="text/html; charset=<{$xoops_charset}>" />
	<title>fixed for min-, max-width body</title>
	<style type="text/css">
	*{
		margin: 0;
		padding: 0;
	}

	body,html {
		height: 100%;
	}

	body {
		background: rgb(235,235,235);
		width: 100%;
		min-width: 1000px;
		max-width: 1100px;
		margin: 0 auto;
	}

	div.wrapperBase {
		background: rgb(255,255,255);
		min-height: 100%;
		position: relative;
	}

		div.wrapperBase p {
		    padding: 20px 20px 20px 3%;
		}

	div.wrapperMyLine {
		width: 100%;
		height: 100%;
		position: fixed;
		top: 0;
		margin: 0 auto;
		z-index: 10;
	}

		div.wrapperMyLine div.myLine {
			background: rgb(0,0,0);
			width: 2%;
			height: 100%;
			position: relative;
			top: 0;
			left: 0;
		}

		div.myLine div.myPoint {
			background: rgb(255,255,255);
			width: 100%;
			height: 20%;
			position: relative;
			top: 60%;
			left: 0;
			text-align: center;
		}

    </style>
</head>
<body>

<!--
################################################################################
###############
# THIS HTML CODE FOR FIXED BLOCK
################################################################################
###############
-->
<div class="wrapperMyLine">
	<div class="myLine">
		<div class="myPoint">
			f<br />
			i<br />
			x<br />
			e<br />
			d<br />
		</div>
	</div>
</div>


<!--
################################################################################
###############
# THIS HTML CODE FOR SCROLL BLOCK
################################################################################
###############
-->

<div class="wrapperBase">    
	<p>
	Цены на нефтяные фьючерсы по итогам торгов 28 декабря 2009г. продолжили рост и повысились за день еще в среднем на 1%. При этом цена нефти WTI (Light Sweet) достигла максимального значения за шесть недель, а цена нефти Brent - максимума более чем за три недели.<br /> 
	<br /><br /><br /><br /><br />
	Накануне результаты торгов на биржах для нефтяных контрактов первой позиции составили: в Нью-Йорке на New York Mercantile Exchange (NYMEX) официальная цена фьючерса Light, Sweet Crude Oil (февраль) повысилась на 72 цента (+0,9%) и установилась на отметке 78,77 долл./барр. (самый высокий показатель после 18 ноября с.г.) при диапазоне цен по сделкам за сессию 77,76-79,12 долл./барр. Отметим, отметку 79 долл. котировки Light Sweet накануне превысили первый раз после 19 ноября; <br />
	в Лондоне на InterContinental Exchange Futures Europe (IСE Futures Europe) официальная цена фьючерса IPE Brent Crude (февраль) выросла на 1,01 долл. (+1,2%) и установилась на отметке 77,52 долл./барр. (самый высокий показатель после 3 декабря с.г.) при диапазоне цен по сделкам за сессию 76,20-77,42 долл./барр.<br />
	Цены на нефть повысились 28 декабря с.г. в четвертый раз подряд. За четыре сессии (период 22-28 декабря) цена нефти WTI повысилась почти на 7%, а баррель нефти Brent за четыре торговых дня стал дороже почти на 6%. <br />
	<br /><br /><br /><br /><br />
	С началом текущей недели продолжение роста цен на нефтяные фьючерсы обеспечили свежие данные об усилении деловой активности в США, что способствовало формированию ожиданий увеличения спроса на энергоносители. Покупкам нефтяных фьючерсов также способствовала информация о беспорядках в Иране и опасения нарушения поставок нефти из этой страны.<br /> 
	Доллар США 28 декабря с.г. подешевел относительно евро и других валют, что технически дополнительно облегчило покупки нефти и других товарных активов, цены на которые установлены в американской валюте. При этом индикатор рынка FOREX Dollar Index (spot), отражающий изменения курса американского доллара относительно "корзины" шести ведущих мировых валют, опустился до самого низкого значения за полторы недели - 77,633 пункта. <br />
	В то же время отметим, что активность по сделкам на нефтяном рынке после празднования Рождества была низкая. Так, по итогам торгов 28 декабря с.г. количество проданных нефтяных лотов было более чем в два раза ниже, чем обычно. Таким образом, цены на нефть повысились на малых объемах по сделкам.
	</p>
</div>

</body>
</html>

Edited December 29, 2009 by gesandte

psywalker · December 29, 2009

Ты всё равно зафиксил <div class="wrapperMyLine"> относительно body

gesandte · December 29, 2009

Ты всё равно зафиксил <div class="wrapperMyLine"> относительно body

Да знаю) Дело то не в этой обертке, полоса теперь как бы приклеина к краю div.wrapperBase :unsure:

Edited December 29, 2009 by gesandte

gordi · December 29, 2009

В IE6 посмотрите :unsure:

gesandte · December 29, 2009

В IE6 посмотрите

=))))))))) надо было мне подпись не убирать про осла 6 :unsure:

я под 6 осла и не собираюсь что либо адаптировать)

gordi · December 29, 2009

=))))))))) надо было мне подпись не убирать про осла 6
я под 6 осла и не собираюсь что либо адаптировать)

Тогда мы не придем к вам

gesandte · December 29, 2009

:unsure: хехехеех)))

gordi, а вы им пользуетесь?)

Edited December 29, 2009 by gesandte

psywalker · December 29, 2009

хехехеех)))
gordi, а вы им пользуетесь?)

Он на нём собаку съел)

gordi · December 29, 2009

хехехеех)))
gordi, а вы им пользуетесь?)

Нет, но это мне не мешает сделать в нем то, что я хочу

Он на нём собаку съел)

Собаку не собаку, но его еще рано списывать

К сожалению

А своих пользователей и посетителей я уважаю, они-то не виноваты

psywalker · December 29, 2009

Нет, но это мне не мешает сделать в нем то, что я хочу
Собаку не собаку, но его еще рано списывать
К сожалению
А своих пользователей и посетителей я уважаю, они-то не виноваты

А у меня ситуация такова, что если заказчик пользуется ИЕ6, значит и я пользуюсь.

gordi · December 29, 2009

А у меня ситуация такова, что если заказчик пользуется ИЕ6, значит и я пользуюсь.

О том и речь

psywalker · December 29, 2009

О том и речь

Да, а как правило, большинство заказчиков пользуются этим калом. Но я хоть и ненавижу это дерьмо - ИЕ6, но уже настолько хорошо изучил все его слабые стороны, что мне в принципе похрену на него) Хотя эта зараза отнимает время всё равно.

gesandte · December 29, 2009

Вообще планируется все это использовать на сайте о линуксе. А линуксоводы осла не юзают, тем более 6-го :unsure:

Sign In

Фиксед left: 0; при max-width

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