[ Поиск ] - [ Пользователи ] - [ Календарь ]
Полная Версия: Дивы отталкиваются друг от друга
Oggy
Здравствуйте.
Как сделать так чтобы див отталкивался от предыдущего ?
у меня есть 2 дива...один под другим. Они розтягиваются по мере накопления там текста. но первый заежает под второй.....
ссылка



Спустя 6 минут, 24 секунды (2.09.2012 - 22:15) Xakep написал(а):
попробуй задать для обоих position: absolute

Спустя 1 минута, 28 секунд (2.09.2012 - 22:17) redreem написал(а):
position: relative;

Спустя 1 минута, 59 секунд (2.09.2012 - 22:19) Oggy написал(а):
Цитата (redreem @ 2.09.2012 - 20:17)
position: relative;

так и делаю

.lm1_down{
position:relative;
float:left;
margin-left:-21px;
top:15px;
}

.lm2_up{
position:relative;
float:left;
padding-top:105px;
}

меня смущает явно заданное положение top =)

Спустя 2 минуты, 35 секунд (2.09.2012 - 22:21) Xakep написал(а):
ну увеличь тогда padding-top в .lm2_up

Спустя 2 минуты, 22 секунды (2.09.2012 - 22:24) redreem написал(а):
а зачем им float:left если они "один под другим"?

Спустя 3 минуты, 17 секунд (2.09.2012 - 22:27) Oggy написал(а):
Цитата (Xakep @ 2.09.2012 - 20:21)
ну увеличь тогда padding-top в .lm2_up

=)
всёравно получится явно заданное положение.
Мне нужно чтобы второму диву ненада было задавать padding-top:105px;
надо сделать так чтобы див просто шол за первым дивом...

может типа так padding-top:auto; ?

Спустя 1 минута, 28 секунд (2.09.2012 - 22:29) Oggy написал(а):
Цитата (redreem @ 2.09.2012 - 20:24)
а зачем им float:left если они "один под другим"?

еее...я думал ето просто задаёт позицыю относительно левого края екрана.
а как флоат заётся для дивов один под другим ?....или его просто не прописывают ?
извените за глупые вопроси.

Спустя 26 минут, 13 секунд (2.09.2012 - 22:55) redreem написал(а):
флоат нужен когда нужно дивы выстроить рядом по горизонтали. просто убери его.

Спустя 20 минут, 54 секунды (2.09.2012 - 23:16) Oggy написал(а):
Цитата (redreem @ 2.09.2012 - 20:55)
флоат нужен когда нужно дивы выстроить рядом по горизонтали. просто убери его.

сработало smile.gif
спасибо вам ОГРОМНОЕ!
на локал хосте переделываю
Быстрый ответ:

 Графические смайлики |  Показывать подпись
Здесь расположена полная версия этой страницы.
Invision Power Board © 2001-2024 Invision Power Services, Inc.