[CSS] Preobleme
extensible Résolu/Fermé

Question

Bonjour, 

mon souci est le suivant, je possède une bannière de 800x100pixels, dont le dégrader de début est différent du dégradé de fin
je me retrouve donc avec 3 div

Div vide avec degrader de début   |    bannière    |    Div vide avec degrader de fin

Mon problème est que si je met les 2 div vide avec le degrader il ne s'affiche pas puisqu'il n'y a pas de contenu, j'aimerai que c'est 2 div soit extensible de manière à ce que la totalité du header prend la totalité de la largeur de la page, ca devrais donner ceci

div extensible    |  div fixe   |  div extensible

Celà est-fesable, si oui comment puis-je faire ?
d'avance merci de votre aide

Dalida · Answer

salut, et si tu emboites les trois '

' ?

et que tu mets ces règles : div#left, div#right { width:100%; } div#banner { width:600px; } je te laisse tester ! tu nous tiens au jus ?

wolfy · Answer

Bonjour, 

merci de ta réponse

en faite j'ai tester ta méthode mais en l'imbriquant de cette manière il retourne à la ligne pour banner, mais j'ai trouver la soluce :P, j'explique pour que ca intéresse

donc toujour en 3 div
le div 1

float:left;
height:100px;
width:50%;

le div 2

float:right;
height:100px;
width:50%;

de cette manière les 2 div sont aligner sur la meme ligne et prenne chacun 50%
ensuite viens le 3eme div celui de la bannière

position:absolute;
background-repeat:no-repeat;
background-position:center;
width:800px;
height:100px;


et voilà le tour est jouer :p, et meme avec la resolution de 800 les 2 div sont masquer par celui de la bannière ^^
merci quand même de votre aide ;)

wolfy · Answer

Bonjour, 

petite erreur sur le dernier div

width:100%;

et non 800px ;)

[CSS] Preobleme <div> extensible

3 réponses

Discussions similaires