Bonjour a tous,
Voila jusqu'a present, je faisais l'ensemble de mes sites a l'aide de tableaux imbriques. Cet technique n'etant plus du tout a la mode et surtout grace a ce site et d'autres, je me suis rendu compte que gerer toute la disposition du site a partir d'une feuille de style c'est vraiment ..... SUPER
Je suis donc en train de me lancer dans les CSS (que je n'utilisais jusqu'a present que pour les textes et autre liens) et surtout dans les balise DIV. Malheuresuement je rencontre mon premier probleme des mon header :'(
En gros, j'ai une banniere header.jpg qui est centre en haut de la page et de chaque cote j'ai deux images differentes qui sont le prolongement de ma baniere : headerLeft.gif et headerRight.gif. Je voudrais en fait que sous n'importe quelle resolution, mon header prenne toute la largeur disponible. Mon probleme etant qu'actuellement je n'arrive pas a avoir des DIV de taille dynamique sur les cotes.
Voici mon code a l'heure actuelle:
index.html
* { padding: 0; margin: 0; } body { background: #000000; height: 100%; } div#page { height: 100%; } div#header { background: url(../img/header.jpg) no-repeat; width: 900px; height: 127px; margin-left:auto; margin-right:auto; float: left; } div#headerLeft { background: url(../img/headerLeft.gif) repeat-x; width: 300px; height: 127px; float: left; } div#headerRight { background: url(../img/headerRight.gif) repeat-x; width: 300px; height: 127px; float: right; }
Mon probleme vient donc de la propriete width des DIV headerLeft et Right (fixee a 300px pour le moment), enfin je pense, mais je ne sais pas comment faire pour qu'ils prennent la place qui reste de chaque cote de mon DIV header.
Merci d'avance