нов ред без преплитане?

T

toretic

Registered
Като имам нов ред, полето left се преплита и остава назад, как да направя така, че полето left да стой горе в ляво във всяка една кутиика. В момента като дам копи и пейст се преплитат...
Код: 
	<div style="width:700px; height:80px; font-size:13px; padding:2px; margin-bottom:5px;background-color:#f0f0f0; border: 1px #333 solid;">
	left
	<div style="width:587px; background-color:#f0f0f0; color:#000; padding:2px; border: 1px #333 solid; float:right;">
	<div style="width:123px; background-color:#f0f0f0; color:#000; padding:2px; border: 1px #333 solid; float:left; margin-bottom:2px;">
	middle
	</div>
	<div style="width:450px; background-color:#f0f0f0; color:#000; padding:2px; border: 1px #333 solid; float:right; margin-bottom:2px;">
	right
	</div>
	<div style="width:123px; background-color:#f0f0f0; color:#000; padding:2px; border: 1px #333 solid; float:left; margin-bottom:2px;">
	middle
	</div>
	<div style="width:450px; background-color:#f0f0f0; color:#000; padding:2px; border: 1px #333 solid; float:right; margin-bottom:2px;">
	right
	</div>
	<div style="width:123px; background-color:#f0f0f0; color:#000; padding:2px; border: 1px #333 solid; float:left; margin-bottom:2px;">
	middle
	</div>
	<div style="width:450px; background-color:#f0f0f0; color:#000; padding:2px; border: 1px #333 solid; float:right; margin-bottom:2px;">
	right
	</div>
	</div>
	</div>

Благодаря!
 
Код: 
<div style="width: 700px; height: 80px; font-size: 13px; padding: 2px; margin-bottom: 5px; background-color: rgb(240, 240, 240); border: 1px solid rgb(51, 51, 51);"><div style="width: 587px; background-color: rgb(240, 240, 240); color: rgb(0, 0, 0); padding: 2px; border: 1px solid rgb(51, 51, 51); float: right;">
   <div style="width: 123px; background-color: rgb(240, 240, 240); color: rgb(0, 0, 0); padding: 2px; border: 1px solid rgb(51, 51, 51); float: left; margin-bottom: 2px;">
   middle
   </div>
   <div style="width: 450px; background-color: rgb(240, 240, 240); color: rgb(0, 0, 0); padding: 2px; border: 1px solid rgb(51, 51, 51); float: right; margin-bottom: 2px;">
   right
   </div>
   <div style="width: 123px; background-color: rgb(240, 240, 240); color: rgb(0, 0, 0); padding: 2px; border: 1px solid rgb(51, 51, 51); float: left; margin-bottom: 2px;">
   middle
   </div>
   <div style="width: 450px; background-color: rgb(240, 240, 240); color: rgb(0, 0, 0); padding: 2px; border: 1px solid rgb(51, 51, 51); float: right; margin-bottom: 2px;">
   right
   </div>
   <div style="width: 123px; background-color: rgb(240, 240, 240); color: rgb(0, 0, 0); padding: 2px; border: 1px solid rgb(51, 51, 51); float: left; margin-bottom: 2px;">
   middle
   </div>
   <div style="width: 450px; background-color: rgb(240, 240, 240); color: rgb(0, 0, 0); padding: 2px; border: 1px solid rgb(51, 51, 51); float: right; margin-bottom: 2px;">
   right
   </div>
   </div>
    left     fdfds fsdf dsfdsfds f sdf sdf  sdf sfd fsd sdf sdf
   </div>

Просто слагаш текста да е след дива, на който си задал float:right; ( общия)
 
<div style="width:700px; height: 80px; overflow: hidden; zoom: 1; /* za ie6 */ font-size:13px; padding:2px; margin-bottom:5px;background-color:#f0f0f0; border: 1px #333 solid;">
left
<div style="width:587px; background-color:#f0f0f0; color:#000; padding:2px; border: 1px #333 solid; float:right;">
<div style="width:123px; background-color:#f0f0f0; color:#000; padding:2px; border: 1px #333 solid; float:left; margin-bottom:2px;">
middle
</div>
<div style="width:450px; background-color:#f0f0f0; color:#000; padding:2px; border: 1px #333 solid; float:right; margin-bottom:2px;">
right
</div>
<div style="width:123px; background-color:#f0f0f0; color:#000; padding:2px; border: 1px #333 solid; float:left; margin-bottom:2px;">
middle
</div>
<div style="width:450px; background-color:#f0f0f0; color:#000; padding:2px; border: 1px #333 solid; float:right; margin-bottom:2px;">
right
</div>
<div style="width:123px; background-color:#f0f0f0; color:#000; padding:2px; border: 1px #333 solid; float:left; margin-bottom:2px;">
middle
</div>
<div style="width:450px; background-color:#f0f0f0; color:#000; padding:2px; border: 1px #333 solid; float:right; margin-bottom:2px;">
right
</div>
<div style="width:123px; background-color:#f0f0f0; color:#000; padding:2px; border: 1px #333 solid; float:left; margin-bottom:2px;">
middle
</div>
<div style="width:450px; background-color:#f0f0f0; color:#000; padding:2px; border: 1px #333 solid; float:right; margin-bottom:2px;">
right
</div>
</div>
</div>


Махаш червеното и добавяш зеленото. ;)
 
Трябва да си влезнал или регистриран, за да отговориш тук.

Back
Горе