Discussion :

[psychoBob]

...du coup la div insérée part en dessous.

Bonjour,

Voilà, je bidouille un style switcher :
J'ai normalement une div censée prendre l'espace libre en largeur.
Si on clique un lien, cela inclu un menu à droite de 185px de large.
Comme la div précédemment citée est en largeur relative, elle devrait normalement céder bien gentiment la place pour que le menu droite qui est inclu puisse s'afficher à sa droite.
Mais elles s'entendent pas, puisque la div principale refuse de se tasser un peu, ce qui force le menu de droite à s'afficher en dessous d'elle.
Je voudrais donc que vous m'aidiez à expliquer la politesse à cette rebelle.
Voilà le schéma :
dans la page :

Code :

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

1
2
3
4
5
 
<div class="centreBas">
<div class="centreBasG"></div>
<div class="menuDroite"></div>
</div<!--ferme centreBas-->

Donc là lorsque menuDroite est inclu, elle devrait être à coté de centreBasG. Mais elle est en dessous et centreBasG continue de prendre toute la place.
Dans la feuille de style, j'ai ça :

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
 
.centreBas
{
padding-left:10xp;
clear:both
}
.centreBasG
{
float:left;
}
.menuDroite
{
float:right;
width:182px;
}

**edit** je précise que le clear:both dans centreBas qui sert ici de bloc conteneur, sert dans le reste de la page à caler centreHaut. A priori le problème n'a rien à voir avec ça, mais je précise quand même pour que le tout soit plus clair.

[psychoBob]

Par exemple si je rajoute width:60% dans centreBasG, alors c'est bon menuDroite peut s'installer à sa place.

Cela donne :

.centreBasG
{
float:left;
width:60%
}

Mais là c'est nul car centreBasG prend TOUJOURS 60% de la largeur hors je veux qu'elle prenne 100% de la largeur qui lui est impartie quand elle est seule et l'équivalent de 60% quand le menuDroite est inclu.

Une idée ?