Voila je vous pose cette jolie colle, parce que ca me pose quand même un jolie problème
Voici le code HTML en tableau que j'ai
et je veux obtenir la même chose avec des div
<html>
<head>
<title></title>
</head>
<body>
<table width="800" height="100" border="1" cellspacing="0" cellpadding="0">
<tr>
<td colspan="3">
menu haut
</td>
</tr>
<tr>
<td width="40">
gauche
</td>
<td width="100%">
centre
</td>
<td width="40">
droite
</td>
</tr>
<tr>
<td colspan="3">
bas
</td>
</tr>
<table>
</body>
</html> |
et voici la version en div que j'ai commencé à faire :
<html>
<head>
<title></title>
<style>
Div {
Border : 1px solid black;
}
</style>
</head>
<body>
<div>menu haut</td>
<div>
<div style="float:left;width:150px">gauche</div>
<div style="float:left">centre</div>
<div style="width:150px">droite</div>
</div>
<div>bas</div>
</body>
</html> |
normalement ca devrait me donner ca :
bandeau
gauche centre droite
menu bas
|
mais au niveau des div j'aimerai que centre prenne le reste de la place qui lui ai aloué, sachant que gauche et droite on une taille défini de 150 px
donc en claire la largeur de centre doit donner ceci :
largeur_du_navigateur-largeur_de_gauche-largeur_de_droite = largeur_du_centre