Проблем с разположение на <div>

Post Reply
User avatar
stoqnski
Гуру
Гуру
Posts: 2037
Joined: Mon Sep 10, 2007 4:39 pm
Answers: 122
Location: гр.Сливен

Проблем с разположение на <div>

Post by stoqnski » Sat Apr 20, 2013 8:50 pm

Image

Здравейте , DIV [3] има width: 600px;
искам в този да влизат съоветно DIV [1] отляво и DIV[2] отдясно като при преминаване на нов ред с <br /> и отново отваряне на <div class="1" > и <div class="2"> отново да си излизат единия вляво , другия вдясно ..
имам следния код :
<div class="te3">
<div class="te1">content</div><div class="te2">content2</div>
<div class="te1">content</div><div class="te2">content2</div>
</div>

Пробвах с float: left за .te1 и float:right; за .te2 , но се получават някакви глупости и не мисля , че ще стане така :D
към .te3 имам изисквание да е с width: 600px , а към .te1 и .te2 width: 250px или 300px да е пропорционално :)

Надявам се да ми помогнете :)

*Знам , че може с таблица с 3 реда код, но трябва да го направя с div .

User avatar
lubo91
Потребител
Потребител
Posts: 914
Joined: Thu Mar 01, 2007 6:22 pm
Answers: 23
Location: Свиленград

Post by lubo91 » Sat Apr 20, 2013 10:21 pm

Code: Select all

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
        "http&#58;//www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http&#58;//www.w3.org/1999/xhtml">

<head>

<style type="text/css">

.te3
&#123;
width&#58;600px;
height&#58;800px;
background&#58; red;
&#125;

.te1
&#123;
float&#58;left;
width&#58;290px;
height&#58;600px;
background&#58;blue;
margin&#58; 5px 0 0 5px;
&#125;

.te2
&#123;
float&#58;left;
height&#58;600px;
width&#58;290px;
background&#58;green;
margin&#58; 5px 0 0 5px;
&#125;

</style>

</head>

<body>
		
	<div class="te3">
		<div class="te1">content</div>
		
		<div class="te2">content2</div>
		
		<div class="te1">content</div>
		
		<div class="te2">content2</div>
		
		<div class="te1">content</div>
		
		<div class="te2">content2</div>
	</div>
</div>

	
</body>

</html>

Post Reply