Вернуться   Дизайнерский форум » ВЕБ-ПРОГРАММИРОВАНИЕ » HTML, CSS, JavaScript

css dynamic align div

Обсуждение темы css dynamic align div в разделе HTML, CSS, JavaScript, часть категории ВЕБ-ПРОГРАММИРОВАНИЕ; Здравствуйте! Более чем уверен - тема избитая, однако, я не смог самостоятельно найти ответ на этот вопрос. Итак, имеем: Код: <div id=main> <div ...


Закрытая тема
 
Опции темы
Старый 14.11.2011, 10:51   #1
Здравствуйте!
Более чем уверен - тема избитая, однако, я не смог самостоятельно найти ответ на этот вопрос.
Итак, имеем:
Код:
<div id=main>
<div id=one></div>
<div id=two></div>
</div>
<div id=bottom>
</div>
у всех position: relative;
Содержимое двух вложенных дивов заполняется динамически.
Необходимо нижний див двигать от верхнего
 
Старый 14.11.2011, 10:51
Ссылки
Старый 14.11.2011, 10:58   #2
Цитата:
двигать от верхнего
куда?
 
Старый 14.11.2011, 14:08   #3
margin-top...
 
Старый 14.11.2011, 14:15   #4
id="bottom" тоже имеет position:relative? тогда и двигаться он будет относительно родителя - то есть скорее всего, относительно body
Цитата:
margin-top...
при position:relative элемент выбивается из стека и позиционируется при помощи top left right bottom/
короче говоря нужен полный код
 
Старый 14.11.2011, 19:07   #5
Код:
<body onload="checkBrowser(); loadMainPage('all')">
<div id='main'>
<div id='content_block'>
<div id='content_background'>$cont_bkg</div>
<div id='content_head'>$cont_head</div>
<div id='content_left'>$cont_left</div>
<div id='content_right'>$cont_right</div>
<div id='content_center'>$cont_center</div>
<div id='content_bottom'>$cont_bot</div>
</div>
<div class='bottom_block'>$bottom</div>
</div>
</body>
content_background, content_head, content_bottom - width: 100%
content_left, content_center, content_right - делят ширину между собой и заполняются неравномерна (их высота различна). Следовательно, content_bottom позиционируется сразу за content_left, таким образом, перекрывается content_center'ом.
Нужно content_bottom сказать, чтобы он следовал за текстом внизу на странице.
Так написал, что и сам ничего не понял
 
Старый 15.11.2011, 08:08   #6
Код:
<body onload="checkBrowser(); loadMainPage('all')">
<div id='main'>
<div id='content_block'>
<!-- УДАЛИТЬ НАФИГ И ПРОПИСАТЬ КАРТИНКУ ЧЕРЕЗ CSS ДЛЯ MAIN 
<div id='content_background'>$cont_bkg</div>
-->
<div id='content_head'>$cont_head</div>
<div id='content_left'>$cont_left</div>
<div id='content_right'>$cont_right</div>
<div id='content_center'>$cont_center</div>
<div id='content_bottom'>$cont_bot</div>
</div>
<div class='bottom_block'>$bottom</div>
</div>
</body>
и вот так например
Код:
#content_head { width:100%; }
#content_left {	width: 200px; float: left; }
#content_center { width:auto; margin: 0px 200px 0px 200px; }
#content_right { width: 200px; float: right; }
 
Старый 15.11.2011, 11:22   #7
Спасибо за совет - мне такое решение в голову не приходило.
Простите, Господа, пока тему закрыли - у меня в стилях каша, так что нет смысла там что-то выравнивать, буду менять стили. Спасибо
 
Старый 15.11.2011, 11:22
Закрытая тема


Опции темы


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Dynamic link pages handler Поисковые системы 10 31.05.2011 09:51
Не работает vertical-align Scroll HTML, CSS, JavaScript 4 05.07.2010 16:44
пропуск при align DDx HTML, CSS, JavaScript 2 05.06.2007 22:47
HTML Align SOL HTML, CSS, JavaScript 4 18.01.2007 21:42
IMG align Dodger HTML, CSS, JavaScript 2 21.03.2006 15:37


Текущее время: 14:39. Часовой пояс GMT +4.

Реклама на форуме Условия размещения рекламы
Биржа ссылок Заработай на сайте!
Тарифный план «Lite»
Место: 1000 Мб
Трафик: неограниченный
Панель управления
Заказать ТП «Lite»
Тарифный план «Normal»
Место: 2000 Мб
Трафик: неограниченный
Поддержка скриптов
Заказать ТП «Normal»
Тарифный план «Profy»
Место: 7000 Мб
Трафик: неограниченный
Поддержка скриптов
Заказать ТП «Profy»
Тарифный план «Места хватит!»
Место: 25 ГБ
Трафик: неограниченный
Поддержка SSI, ssh
Заказать ТП «Места хватит!»
Дизайнерский форум