Проблема с div

Счастье Ммм · February 27, 2010

Здравствуйте, сразу скажу, что я начинающий и толком ничего не умею.

Вопрос такой. Имеется div с абсолютным позиционированием:

.main {
position:absolute;
width:100%;
right:300px;
height:400px;
background-color:#0000CC;
}

На практике из-за тега right он как бы смещается влево, при этом уезжая за край окна браузера на эти 300px.

Каким образом можно этого "уезжания" избежать, оставив неизменным отступ справа? При этом сам див должен быть динамическим.

Пробовал использовать одновременно right и left без указания длины в сто процентов, но ie это дело не поддерживает и формирует в отличие от оперы ширину дива по его содержимому.

Могу ещё сказать, что в левой части находится картинка, которая собственно и уезжает вместе с дивом. Можно конечно задаться margin-left и сместить саму картинку куда надо, но это как-то некрасиво что ли.

rus · February 27, 2010

Сформируйте свой вопрос более грамотно, с использованием терминологии html.

Тега right - нет.

Как понять фразу: При этом сам див должен быть динамическим. ?

Вообще, дайте ссылку на страницу с проблемой.

Счастье Ммм · February 27, 2010

Эх... Да нет никакой страницы. Вот простой пример:

<body>
	<div  style="position:absolute; right:300px; width:100%; height:400px; background-color:#000000;"> 
   </div>
</body>

Из-за свойства(параметра стиля) "right" слой позиционируется с отступов в 300px от правого края родительского элемента(окна браузера без учёта body margin). При этом слой, который имеет ширину в сто процентов родительского элемента смещается: его левый край уезжает за окно браузера на эти 300px. Надеюсь, что объяснил понятно.

Требуется сделать так, чтобы слой

- имел отступ фиксированной длины от правого края окна браузера,

- длина слоя была от левого края окна браузера до отступа,

- при изменении ширины окна браузера (при ресайзе) этот отступ оставался.

Надеюсь, ничего не забыл.

Пардон. Забыл всё-таки. В примере я просто указал проблему. На самом деле слоёв много и решение в виде добавления каких-либо отступов margin в body не подходит.

Edited February 27, 2010 by Счастье Ммм

Great Rash · February 27, 2010

Уберите width: 100%;

Счастье Ммм · February 27, 2010

Убрал. Ширина слоя теперь зависит от содержимого. Это не совсем то. Ширина пустого слоя должна быть на всё окно браузера, но с отступом справа.

Great Rash · February 27, 2010

Короче, предоставьте скрин того, что получить надо. Есть мнение, что вы ерундой занимаетесь.

Счастье Ммм · February 27, 2010

Очень мило. Спасибо. Закрывайте тему. Раз ерундой, то разбираться буду сам.

Great Rash · February 27, 2010

Вместо того, чтобы кипятиться показали бы лучше скрин.

mishka · February 27, 2010

Я так подозреваю что чловек хочет чтото типа

div{
	margin:0 300px 0 0;
	height:400px;
	background:#000;
}

Great Rash · February 27, 2010

Я вот не понимаю, нафига задавать position: absolute;

Короче нужен скрин. Так не ясно ничего.

psywalker · February 27, 2010

Да если хочет, пусть в родителя его засунет с релативом, а родителю уже отступ справа, какой нужен. Да и всё.

Sign In

Проблема с div

Question

Link to comment

Share on other sites

10 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

Join the conversation

Обсуждения

Important Information