3 див-а един до друг

[NewGuy]

Здравейте искам да попитам как мога да направя 3 див-а. На единия ще му задам width: 40% на другия 20% и на третия 40%. Как да ги позиционирам един до друг. :lol:

 

[deos]

значи първо си направи един style.css И в него можеш да сложиш това и да си го промениш по твой вкус.

body
{
background: #000000;
color: #ffffff;
}

#left
{
float:left;
border:solid 1px #ffffff;
width: 200px;
height: 100px;
}

#center
{
float:left;
border:solid 1px #ffffff;
width: 150px;
height: 100px;
}

#left
{
float: right;
border:solid 1px #ffffff;
width: 200px;
height: 100px;
}


и ест един HTML или PHP при мен е index.php и слагаш в него

<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<link rel="stylesheet" href="style.css" type="text/css">
<center>
<div id="left">Лява колона щот от лево</div>
<div id="center">Централна щот по средата</div>
<div id="right">Дясна щот така</div>
</center>

 

[emagi]

Значи аз пробвах следния вариант:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style type="text/css">
* {
padding:0;
margin:0;
}
#one {
width:40%;
height:200px;
float:left;
border:solid 1px black;
}
#two {
width:20%;
height:200px;
float:left;
border:solid 1px red;
}
#three {
width:39%;
height:200px;
float:left;
border:solid 1px green;
}
</style>
</head>

<body>
<div id="one"> </div>
<div id="two"> </div>
<div id="three"> </div>
</body>
</html>

Не намерих начин посления див да е 40%, a 39%.Ако това те устройва?

 

[deos]

и аз имах тоз проблем за това по добре направи стойностите фиксирани така няма да имаш проблем със съдържанието.

 

[NewGuy]

При мен със проценти стана както трябва. :lol: Благодаря и на двамата ако ми бяхте казали само float щеше много да ви олесни. :lol: