Единият div да избутва другия надолу

[rosko]

Здравейте!
В сайта имам див, който е над друг див.
Този отгаре не иска да бутне долния, ами се качва върху него.
Структурата на див-овете е както тази:

<div style="width: 461px; margin-left: auto; margin-right: auto;">

<div style="margin-left: auto;margin-right: auto;width: 461px;height: 26px;background-image: url(search.jpg);">

<div style="padding-top: 4px; padding-left: 2px; padding-right: 2px;">

<div style="float: left;">text</div>
<div style="float: right;">text</div>

</div>

</div>

</div>

този целия да бута този надолу

<div id="text" style=" text-align: center;">

text & links

</div>

 

[heminei]

<table>
<tr>
<td>

<div style="width: 461px; margin-left: auto; margin-right: auto;">

<div style="margin-left: auto;margin-right: auto;width: 461px;height: 26px;background-image: url(search.jpg);">

<div style="padding-top: 4px; padding-left: 2px; padding-right: 2px;">

<div style="float: left;">text</div>
<div style="float: right;">text</div>

</div>

</div>

</div> 

</td>
</tr>
<tr>
<td>

<div id="text" style=" text-align: center;">

text & links

</div> 

</td>
</tr>
</table>

Не те разбрах много, но виш така дали ти харесва!

 

[Anonymous]

Използвай clear

 

[rosko]

Значи..
Първата група див-ове са в цикъл с ПХП(това информативно)

<div style="width: 461px; margin-left: auto; margin-right: auto;">

<div style="margin-left: auto;margin-right: auto;width: 461px;height: 26px;background-image: url(search.jpg);">

<div style="padding-top: 4px; padding-left: 2px; padding-right: 2px;">

<div style="float: left;">text</div>
<div style="float: right;">text</div>

</div>

</div>

</div>

(в червено, това, което не е оцветено е извън цикъла(не се повтаря) )
а втория див представлява странициране.
Трябва да се получи така, че когато първата група (в червено) се повтаря повече от веднъж, втория див да се измества надолу.

Ето как се получава:

, а ето как трябва да е:

П.П. Пробвах още преди да пиша да оградя всичко в таблица, защото напреди ми беше с таблица и нямах проблеми, пробвах и с clear, прочетох го в други форуми, но няма ефект.

 

[Anonymous]

В края ,поставяш

<div style="clear: both;"> </div>

според мен няма начин да не работи :idea:

 

[shterev]

махни height или го направи min-height

 

[rosko]

Изпълних и двете, няма ефект, защо не мога да кажа, но е факт.
Местих див-а(и преди и след див-а за страницирането), който ми каза да сложа, но нямаше ефект.
Махнах height, няма ефект.
Ако и следващото предложение не "подейства" ще дам реален код.

 

[rosko]

С други думи - имаме два див-а, как единия да не припокрива другия?

 

[rosko]

Никой ли няма да предложи нещо друго?