Проблем с дивове

GaTio2

Registered
Здравейте имам 1 проблем с дивове направил съм 3 дивчета 1 до друг но искам да сложа отдолу и там идва проблема
вижте
http://a-boxbg.net/images/tam.JPG
тва отдясно долния да отиде отляво правя го някак нз обаче средния като се одължава на долу и тоя дето трябва да е отляво ся дето е отдясно слиза надолу моля ви помогнете ми кода е много объркан надявам се да можете да ми помогнете +1
Код:
<div class="content">

<div class="content1">
<br />

<div style="float: left;">
<div  style="background-image: url(images/llu.gif); width: 229px; height: 36px;">
<table>
<tr>
<tr>
</tr>
<tr>
</tr>
<tr>
</tr>
<td>
ТОВА Е СТРАНИЧЕН БОКС
</td>
</tr>
</table>
</div>
<div style="background-image: url(images/lc.jpg); width: 229px; height: 100%; color: #000000;">
asdasdasdasdasdasdasdasd<br />asdasdasdasdasdasdasdasd<br />
asdasdasdasdasdasdasdasd<br />asdasdasdasdasdasdasdasd<br />
asdasdasdasdasdasdasdasd<br />asdasdasdasdasdasdasdasd<br />
asdasdasdasdasdasdasdasd<br />asdasdasdasdasdasdasdasd<br />
asdasdasdasdasdasdasdasd<br />asdasdasdasdasdasdasdasd<br />
asdasdasdasdasdasdasdasd<br />asdasdasdasdasdasdasdasd<br />
</div>
<div style="background-image: url(images/llb.gif); width: 229px; height: 8px; color: #000000;">
</div>
</div>

<div style="float: left; padding-left:30px;">
<div  style="background-image: url(images/cuc.gif); width: 510px; height: 36px;">
<table>
<tr>
<tr>
</tr>
<tr>
</tr>
<tr>
</tr>
<td>
ТОВА Е СТРАНИЧЕН БОКС
</td>
</tr>
</table>
</div>
<div style="background-image: url(images/ccc.gif); width: 510px; height: 100%; color: #000000;">
asdasdasdasdasdasdasdasdasdasdasdasdasdasda<br />sdasdasdasdasdasdasdasdasdasdasd
asdasdasdasdasdasdasdasdasdasdasdasdasdasda<br />sdasdasdasdasdasdasdasdasdasdasd
asdasdasdasdasdasdasdasdasdasdasdasdasdasda<br />sdasdasdasdasdasdasdasdasdasdasd
asdasdasdasdasdasdasdasdasdasdasdasdasdasda<br />sdasdasdasdasdasdasdasdasdasdasd
asdasdasdasdasdasdasdasdasdasdasdasdasdasda<br />sdasdasdasdasdasdasdasdasdasdasd
asdasdasdasdasdasdasdasdasdasdasdasdasdasda<br />sdasdasdasdasdasdasdasdasdasdasd<br /><br /><br />
</div>
<div style="background-image: url(images/ccd.gif); width: 510px; height: 8px; color: #000000;">
</div>
</div>

<div style="float: right;">
<div  style="background-image: url(images/llu.gif); width: 229px; height: 36px;">
<table>
<tr>
<tr>
</tr>
<tr>
</tr>
<tr>
</tr>
<td>
ТОВА Е СТРАНИЧЕН БОКС
</td>
</tr>
</table>
</div>
<div style="background-image: url(images/lc.jpg); width: 229px; height: 120px; color: #000000;">
<div class="menur">
<a href="#">asd</a><br />
<a href="#">asd</a><br />
<a href="#">asd</a><br />
<a href="#">asd</a><br />
</div>
</div>
<div style="background-image: url(images/llb.gif); width: 229px; height: 8px; color: #000000;">
</div>
</div>

<div style="float: left; padding-top:0px;">
<div  style="background-image: url(images/llu.gif); width: 229px; height: 36px;">
<table>
<tr>
<tr>
</tr>
<tr>
</tr>
<tr>
</tr>
<td>
ТОВА Е СТРАНИЧЕН БОКС
</td>
</tr>
</table>
</div>
<div style="background-image: url(images/lc.jpg); width: 229px; height: 60px; color: #000000;">
<div class="menur">
<a href="#">asd</a><br />
<a href="#">asd</a>
</div>
</div>
<div style="background-image: url(images/llb.gif); width: 229px; height: 8px; color: #000000;">
</div>
</div>

</div>
</div>
 
Човек имаш страшно грешен начин на проектиране.Ползва едни DIV-вове, после в тях едни таблици ,после пак DIV-ове.УжАС! :idea:
 
Не,ти пак си го направи с DIV-вове, но да е по-прегледно.Такава каша е,че и да искам да помогна ми трябва 30 мин само да разгадая кода,който си писал!Напиши го наново и дай да видим!
 
стана обаче може ли да е долепен до горния ляв а не средния като се одължава и тоя да пада дето е под него?
 
http://store.picbg.net/pubpic/49/96/f08c882c78e94996.JPG
ето кода

Код:
<center>
<div class="content">

<div class="content1">
<br />

<div style="float: left;">
<div  style="background-image: url(images/llu.gif); width: 229px; height: 36px;">
<table>
<tr>
<tr>
</tr>
<tr>
</tr>
<tr>
</tr>
<td>
ТОВА Е СТРАНИЧЕН БОКС
</td>
</tr>
</table>
</div>
<div style="background-image: url(images/lc.jpg); width: 229px; height: 100%; color: #000000;">
asdasdasdasdasdasdasdasd<br />asdasdasdasdasdasdasdasd<br />
asdasdasdasdasdasdasdasd<br />asdasdasdasdasdasdasdasd<br />
asdasdasdasdasdasdasdasd<br />asdasdasdasdasdasdasdasd<br />
asdasdasdasdasdasdasdasd<br />asdasdasdasdasdasdasdasd<br />
asdasdasdasdasdasdasdasd<br />asdasdasdasdasdasdasdasd<br />
asdasdasdasdasdasdasdasd<br />asdasdasdasdasdasdasdasd<br />
</div>
<div style="background-image: url(images/llb.gif); width: 229px; height: 8px; color: #000000;">
</div>
</div>

<div style="float: left; padding-left:30px;">
<div  style="background-image: url(images/cuc.gif); width: 510px; height: 36px;">
<table>
<tr>
<tr>
</tr>
<tr>
</tr>
<tr>
</tr>
<td>
ТОВА Е СТРАНИЧЕН БОКС
</td>
</tr>
</table>
</div>
<div style="background-image: url(images/ccc.gif); width: 510px; height: 100%; color: #000000;">
asdasdasdasdasdasdasdasdasdasdasdasdasdasda<br />sdasdasdasdasdasdasdasdasdasdasd
asdasdasdasdasdasdasdasdasdasdasdasdasdasda<br />sdasdasdasdasdasdasdasdasdasdasd
asdasdasdasdasdasdasdasdasdasdasdasdasdasda<br />sdasdasdasdasdasdasdasdasdasdasd
asdasdasdasdasdasdasdasdasdasdasdasdasdasda<br />sdasdasdasdasdasdasdasdasdasdasd
asdasdasdasdasdasdasdasdasdasdasdasdasdasda<br />sdasdasdasdasdasdasdasdasdasdasd<br /><br />
asdasdasdasdasdasdasdasdasdasdasdasdasdasda<br />sdasdasdasdasdasdasdasdasdasdasd<br /><br /><br />
</div>
<div style="background-image: url(images/ccd.gif); width: 510px; height: 8px; color: #000000;">
</div>
</div>

<div style="float: right;">
<div  style="background-image: url(images/llu.gif); width: 229px; height: 36px;">
<table>
<tr>
<tr>
</tr>
<tr>
</tr>
<tr>
</tr>
<td>
ТОВА Е СТРАНИЧЕН БОКС
</td>
</tr>
</table>
</div>
<div style="background-image: url(images/lc.jpg); width: 229px; height: 120px; color: #000000;">
<div class="menur">
<a href="#">asd</a><br />
<a href="#">asd</a><br />
<a href="#">asd</a><br />
<a href="#">asd</a><br />
</div>
</div>
<div style="background-image: url(images/llb.gif); width: 229px; height: 8px; color: #000000;">
</div>
</div>
<div style="clear:both;">
<div style="float: left; padding-top:0px;">
<div  style="background-image: url(images/llu.gif); width: 229px; height: 36px;">
<table>
<tr>
<tr>
</tr>
<tr>
</tr>
<tr>
</tr>
<td>
ТОВА Е СТРАНИЧЕН БОКС
</td>
</tr>
</table>
</div>
<div style="background-image: url(images/lc.jpg); width: 229px; height: 60px; color: #000000;">
<div class="menur">
<a href="#">asd</a><br />
<a href="#">asd</a>
</div>
</div>
<div style="background-image: url(images/llb.gif); width: 229px; height: 8px; color: #000000;">
</div>
</div>

</div>
</div>
</center>
 

Back
Горе