[CSS] Preobleme
extensible Résolu

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

Newsletters