Перейти к содержимому

Реферальная программа Мегаплана

Выбрать шаблон и создать сайт

Послушный div

#1 Гость_Ярополк_*

Гость_Ярополк_*
  • Гости
0

Отправлено 14 Апрель 2009 - 16:50

всем привет.

<body>
<div style="width:300px; height:200px; position:absolute; left:0px;">div1
<div style="width:100px; height:200px; position:absolute; right:0px; top:-200px;">div2
</div>
</div>
</body>
ну понятно... div2, при изменении окна, будет плавать и даже при появлении полосы прокрутки залазить на div1.
как сделать так, чтоб при изменении окна, он так сказать, плыл , а потом когда до левого края отсавалось 300px он оставался на месте, не залезая на div1.
заренее спасибо.

 

 

  • 0

#2 ZiTosS

ZiTosS
  • Пользователь
  • 5 148 сообщений
  • Репутация: 8

Отправлено 16 Апрель 2009 - 08:21

Ярополк, Не очень понятно, что вы подобным образом хотели сделать. Запихнул ваш код в браузер и посмотрел на картинку. div1 ввехру-слева, размером 300x100. div2 - выше div1 в правом углу.

Скажите точнее что вы хотите получить, для чего вам это нужно, возможно здесь и без абсолютного позиционирования можно.

И вообще при фиксированной верстке как у вас, блок плавать ну никак не может. Вы хоть своё творение в браузере смотрели?
  • 0

#3 Гость_Ярополк_*

Гость_Ярополк_*
    Topic Starter
  • Гости

Отправлено 16 Апрель 2009 - 10:11

чёт я .. эм..тупанул...
извините, вот код вместо ранее написаного...
<html>
<body style="min-width:650px">
<div style="width:300px;height:200px;position:absolute;left:0px;top:0px;min-width:300px;background-color:#0000FF;">div1</div>
<div style="width:300px;height:200px;position:absolute;right:0px;top:0px;min-width:300px;background-color:#FF0000;">div2</div>
</body>
</html>

  • 0

#4 ZiTosS

ZiTosS
  • Пользователь
  • 5 148 сообщений
  • Репутация: 8

Отправлено 16 Апрель 2009 - 19:57

Ваш код можно переписать так без абсолютного позиционирования:
<html>
<body>
<div style="width: 300px; height:200px; float: left; background-color:#0000FF;">Синий</div>
<div style="width: 300px; height:200px; float: right; background-color:#FF0000;">Красный</div>
</body>
</html>

И один пункт против min-width: Это то что он не поддерживается IE6
min-width
  • 0

#5 Гость_Ярополк_*

Гость_Ярополк_*
    Topic Starter
  • Гости

Отправлено 18 Апрель 2009 - 13:44

<html>
<body style="min-width:700px;>
<div ">
<div style="width: 300px; height:200px; float: left; background-color:#0000FF; " >Синий</div>
<div style="width: 300px; height:200px; float: right; background-color:#FF0000;">Красный</div>
</div>
</body>
</html>
теперь мой код имеет этот вид. спасибо, это то что мне нужно.

но как быть с этим...

И один пункт против min-width: Это то что он не поддерживается IE6

...что же делать чтобы решить мою проблему для IE6, может вы подскажете ?
  • 0

#6 ZiTosS

ZiTosS
  • Пользователь
  • 5 148 сообщений
  • Репутация: 8

Отправлено 18 Апрель 2009 - 18:15

Пишите хаки специально для IE
Вот могу привести один как раз для вашего случая, это CSS
body
{
   min-width: 700px;
   width:expression(document.body.clientWidth < 700? "700px": "auto" );
}

  • 0


Оформление форума – IPBSkins.ru