Discussion :

[shadowbob]

Bonjour,

Voila j'ai un petit problème de positionnement des div...

j'ai sur une même ligne 3 <div>, 1 à gauche largeur fixe, 1 au centre largeur selon la page, 1 colé à droite largeur fixe.

Mon problème est que quand le navigateur est un peu trop rétrécit chaques div font un saut de ligne horrible déformant le visage du site...
J'aimerai garder les mêmes dimensions mais quand le navigateur est réduit de trop, il se base sur une largeur minimum et ne saute pas à la ligne.

Voici un bout de code pour voir ce que j'ai fait :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
 
<div style="float: left; width: 170px; height: 150px;"></div>
<div style="float: left; text-align:center;"></div>
<div style="float: right; width: 158px; height: 150px;"></div>

Merci de votre aide

[Hug0_76]

salut!
essaye de mettre tes <div> en position absolue!
j'ai eu le même pb que toi et après moultes tests :p, j'ai mis mes <div> en absolue et MIRACLE!
J'espère que ca règlera ton pb

[shadowbob]

Merci c'est mieux... mais le problème maintenant c'est que mêem avec le float : right il se cole à gauche...

[Kerod]

Moi je te dirai que c'est du au float central et je te conseillerai avec ce petit exemple :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
#centre {
background-color:#9999CC;
margin-left: 150px;
margin-right: 150px;
}
#gauche {
position: absolute;
left:0;
width: 150px;
}
#droite {
position: absolute;
right:0;
width: 150px;
}

[shadowbob]

Ca commence à être pas mal... mais encors un soucis... le div de droite écrase litéralement les autres div en faisant les rétrécissements donc ca continue à rétrécire aulieu de s'arreter...
Mais bon la je pensse que ca devient très bon :-)

[edit] Non finalement j'ai trouvé... j'ai positionné le div de droite en haut de tous donc il se fait cacher par les autres ce qui est un résultat encors meilleur que je penssais

Merci en tout cas !