Направа на просто индексче

[ReD_z0n3]

Здравейте някой може ли да ми драсне едно просто индексче , което да се състои от един хеадер и 3 дива , единият див клас да е от ляво , по средата и един в дясно. Друго не искам .

 

[Fakeheal]

css

[css]#container {
width: 800px;
margin: 0 auto;
}

.header {
width: 800px;
height: 200px;
background-color: red;
}

.left {
width: 200px;
background-color: green;
float: left;
}

.center {
width: 400px;
background-color: yellow;
float: left;
}

.right {
width: 200px;
background-color: blue;
float: right;
}[/css]

html

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
</head>
<body>
<div id="container">
<div class="header"></div>
<div class="left"> asdasldhask;ldj hasdkjl asdh aklshdg lashd basldhavsjlavs dlashd</div>
<div class="center">askjdjsadjsnjdskadadjdasj;;bkjabj;bsj;;fjasfasfkj sajf njasfasf n;lasnlfn;lan;f n;ladsn; fbjdsbj; jab;dgh ahdsihiah d gihf</div>
<div class="right">;adsj;asd;as j;sakj; kjakj'dskj'fámskm'fkm'dgkm'mádgm'm'sdgmasmdg,mladsm'g m'lamldgm'M'DM'm'd m'm'f m'M"DN N</div>
</div>
</body>
</html>

Edit: Май е това, което искаше.
Еdit2: Да го сложим в таговете за по-голяма пригледност.

 

[tedo96]

Ще ти го драсна, но по-късно!

 

[ReD_z0n3]

Аз си направих нещо такова

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title> Site </title>
<style type="text/css">
 #box {
   width: 200px;
   height: 200px;
background: #e3e3e3;
  }
</style>
</head>
<body> 
  <div id="body">
  <div id="box"> 
  text 1
  Text 2 
  Text 3 
 </div>
 </div> 
</body>
</html>

но ме интересува , как да направя още 2 бокса от , които единия да е по-стреда , а другия в дясно. [/html]

 

[Fakeheal]

Задаваш им float: left, в примера по-горе съм забравила да сложа <div style="clear: both;"></div>,за да са махне.

 

[debian]

http://www.dynamicdrive.com/style/layouts/category/C12/

 

[ReD_z0n3]

Някой друг ?!

 

[dashe]

Някой друг ?!

http://www.dynamicdrive.com/style/layouts/category/C12/

??? :shock:

http://www.google.bg/search?hl=bg&source=hp&q=css+layouts&aq=0&aqi=g10&aql=&oq=css+lay
Не знам какво почете ти трябва?
Но изпълнението е елементарно

 

[PHP_Masters]

ето аз какво направих

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
	<head>
		<meta http-equiv='Content-Type' content='text/html; charser=windows-1251'/>
	<head>
	
	<style>
		#page
		{
			margin: 0 auto;
			width: 650px;
		}
		.header
		{
			background-color: #CCFF33;
			width: 650px;
			height: 150px;
                        margin-bottom: 10px;
		}
		.box
		{
			background-color: #CCFF33;
			float: left;
			width: 210px;
			height: 500px;
		}	
		.box2
		{
			background-color: #CCFF33;
			margin-left: 10px;
			float: left;
			width: 210px;
			height: 500px;
		}		
		.box3
		{
			background-color: #CCFF33;
			width: 210px;
			height: 500px;
			float: right;
		}
	</style>
	
	<body>
		<div id="page">
			<div class="header"></div>
			<div class="box"></div>
			<div class="box2"></div>
			<div class="box3"></div>
		</div>
	</body>
	
</html>

edit: а пък ако не искаш float, може да си сложиш всичко в таблица,