CSS colonnes de ma même longueur

Fermé
neimad - 10 déc. 2007 à 17:56
 neimad - 10 déc. 2007 à 20:47
Bonjour,

j'essaye de faire 3 colonnes de la même longueur. J'ai essayé d'utiliser le "position:" de plusieurs manières mais je n'arrive toujours pas au résultat. Si quelqu'un a une idée je suis preneur^^. Voici le code:

[code=html]
<!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=iso-8859-1" />
<link rel="stylesheet" href="style.css" type="text/css" />
<title>Test CSS</title>
</head>
<body>

<div id="stucture_principale">
<div id="description">
description
</div>
<div id="autre">
autre
</div>

<div id="corps">
corps<br><br>
corps
</div>
</div>

</body>
</html>
[/code]


[code]
/* CSS Document */

body {
width: 98%;
height: 100%;
background-color: #BBBBBB;
margin: auto;
margin-top: 1%;
}
#stucture_principale{
width: 98%;
height: 80%;
text-align: center;
background-color: #DDDDDD;
}
#description{
float: left;
width: 16%;
height: 100%;
background-color: #b0ef69;
margin-left: 2%;
border-bottom:solid 1px black;
border-right:solid 1px black;
border-left:solid 1px black;
border-top:solid 1px black;
margin:0 auto;
}
#corps{
margin-left: 2%;
text-align: center;
width: 62%;
background-color: #b0ef69;
border-bottom:solid 1px black;
border-right:solid 1px black;
border-left:solid 1px black;
border-top:solid 1px black;
margin:0 auto;
}
#autre{
width: 16%;
background-color: #b0ef69;
float: right;
margin-right: 2%;
border-bottom:solid 1px black;
border-right:solid 1px black;
border-left:solid 1px black;
border-top:solid 1px black;
margin:0 auto;
}
[/code]

2 réponses

Utilisateur anonyme
10 déc. 2007 à 18:32
Peut-être que tu devrais tenter une taille en pixels plutôt qu'en pourcentage, enfin, je ne sais pas, ça dépend du contenu de ton site, au niveau des images etc...
0
bin c'est pour faire une interface dans le style de skyblog
0