css dynamic align div

handler · 14.11.2011, 10:51

Здравствуйте!
Более чем уверен - тема избитая, однако, я не смог самостоятельно найти ответ на этот вопрос.
Итак, имеем:

Код:

<div id=main>
<div id=one></div>
<div id=two></div>
</div>
<div id=bottom>
</div>

у всех position: relative;
Содержимое двух вложенных дивов заполняется динамически.
Необходимо нижний див двигать от верхнего

Niemans · 14.11.2011, 10:58

Цитата:

двигать от верхнего

куда?

redreem · 14.11.2011, 14:08

margin-top...

vladendark · 14.11.2011, 14:15

id="bottom" тоже имеет position:relative? тогда и двигаться он будет относительно родителя - то есть скорее всего, относительно body

Цитата:

margin-top...

при position:relative элемент выбивается из стека и позиционируется при помощи top left right bottom/
короче говоря нужен полный код

handler · 14.11.2011, 19:07

Код:

<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 сказать, чтобы он следовал за текстом внизу на странице.
Так написал, что и сам ничего не понял

vitaly-go · 15.11.2011, 08:08

Код:

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

handler · 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.11.2011, 10:51	#1
handler	Здравствуйте! Более чем уверен - тема избитая, однако, я не смог самостоятельно найти ответ на этот вопрос. Итак, имеем: Код: <div id=main> <div id=one></div> <div id=two></div> </div> <div id=bottom> </div> у всех position: relative; Содержимое двух вложенных дивов заполняется динамически. Необходимо нижний див двигать от верхнего

14.11.2011, 19:07	#5
handler	Код: <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, 11:22	#7
handler	Спасибо за совет - мне такое решение в голову не приходило. Простите, Господа, пока тему закрыли - у меня в стилях каша, так что нет смысла там что-то выравнивать, буду менять стили. Спасибо

14.11.2011, 14:08	#3
redreem	margin-top...