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



 

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

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

Открыть тему
Тема закрыта
> Послушный div
Гость_0_*
Гость_0_*
Topic Starter сообщение 14.4.2009, 17:50; Ответить: Гость_0_*
Сообщение #1


всем привет.

<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
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
ZiTosS
ZiTosS
сообщение 16.4.2009, 9:21; Ответить: ZiTosS
Сообщение #2


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

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

И вообще при фиксированной верстке как у вас, блок плавать ну никак не может. Вы хоть своё творение в браузере смотрели?
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Гость_0_*
Гость_0_*
Topic Starter сообщение 16.4.2009, 11:11; Ответить: Гость_0_*
Сообщение #3


чёт я .. эм..тупанул...
извините, вот код вместо ранее написаного...
<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>
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
ZiTosS
ZiTosS
сообщение 16.4.2009, 20:57; Ответить: ZiTosS
Сообщение #4


Ваш код можно переписать так без абсолютного позиционирования:
<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_*
Гость_0_*
Topic Starter сообщение 18.4.2009, 14:44; Ответить: Гость_0_*
Сообщение #5


<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>

теперь мой код имеет этот вид. спасибо, это то что мне нужно.

но как быть с этим...
(ZiTosS @ 16.4.2009, 20:57) *
И один пункт против min-width: Это то что он не поддерживается IE6

...что же делать чтобы решить мою проблему для IE6, может вы подскажете ?
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
ZiTosS
ZiTosS
сообщение 18.4.2009, 19:15; Ответить: ZiTosS
Сообщение #6


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


Замечание модератора:
Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней.
Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой
или обратитесь к любому из модераторов.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Моя div-ная верстка соответствует ли стандартам
Хотелось бы конструктивной критики
10 muratastana 1545 14.1.2023, 1:16
автор: xweb
Открытая тема (нет новых ответов) DIV'ы в строку
0 RedEclipse 5463 29.9.2016, 17:53
автор: -RedEclipse-
Открытая тема (нет новых ответов) при выборе radio в option не скрывались div
0 serj123 6928 17.4.2016, 17:45
автор: -serj123-
Открытая тема (нет новых ответов) Как заставить отображать несколько элементов DIV в одну строку?
2 Aalena 4007 10.1.2016, 10:18
автор: -Aalena-
Открытая тема (нет новых ответов) Фоны в в div'ах расходятся при сужении экрана
1 Balalaaika1 5623 2.6.2015, 19:35
автор: -Degradator-


 



RSS Текстовая версия Сейчас: 29.3.2024, 15:14
Дизайн