Alongement background droite gauche centre fixe

Bonjour,
je souhaiterai créer un fichier css qui aurait pour même résultat que :

<table width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td width="30%" bgcolor="#00FF66">&nbsp;</td>
    <td width="760px" bgcolor="#000000"><img src="spacer.gif" width="760px"></td>
    <td width="30%" bgcolor="#CC0000">&nbsp;</td>
  </tr>
</table>

j'ai tenté en CSS :

#blog {MARGIN:0px auto; WIDTH:100%; height:100%; background-color:grey;}
#marge_gauche { float:left; position:relative; height:100%; width:10%; background-color:green;}
#conteneur{ float:left dashed; position:relative; margin-left:10%; WIDTH:760px; height:600px; background-color:red;}
#marge_droite { float:right; margin-top:-600px; position:static; height:100%; width:10%; background-color:blue;}

Avec en HTML :

<div id="blog">
</div>
<div id="marge_gauche"></div>
<div id="conteneur">
<img src="spacer.gif" width="760px">
</div>
<div id="marge_droite"></div>

... mais ça ne marche pas !!
Merci d'avance pour votre aide !!

Salut ! Pour ton probleme, je ne sais pas, mais ce que je sais c'est qu'il faut toujours fermer la balise image

<img src="spacer.gif" width="760px" />

Essaie ça pour les css :

#marge_gauche { height:20px;margin-left:0%; width:33%; background-color:green;}

#conteneur{   height:20px;WIDTH:33%;margin:-20px 0px 0px 33%;background-color:red;}

#marge_droite {   height:20px; width:33%; margin:-20px 0px 0px 66%;background-color:yellow;}

ici[/url]

A tout hasard, si c'est pour faire une mise en page en colonnes, je te conseille soit de piocher dans les gabarits tout faits et de les modifier progressivement, soit de lire cet article pâriculierement si tu veux des colonnes de même hauteur
Modifié par Ralfman68 (28 Nov 2007 - 22:32)

Alors, ça marche ?

Salut ralfman

Ralfman68 a écrit :
Alors, ça marche ?

Vaste question

Salut Ralfman68,
merci de ta réponse, mais le problème c'est que je voudrait que la case du milieu reste fixe (width 760 px, par ex.) et que les 2 autres marges rétrécissent ou s'agrandissent, ... en fonction de la taille de la page

Pourqui personne ne veut m aider ??

As tu essayer de metre le conteneur du milieu à 760px ; Les côtés gauche et droit, en flottant ?!

Qu'est-ce que tu appelles flottant ?