bonjour a tous
 
j'ai un probleme de mise en page que je n'arrive pas a solutionner :
 
j'ai 3 div dans un div general de cette maniere (je ne dessine pas le general) :
__________________
|        |        |        |
|   A   |   B    |   C   |
|_____|_____|_____|
 
le A et C ont une largeur fixe
B doit avoir une largeur dynamique en sachant que C n'est pas toujours present.
 
pour resumer, j'aimerais que B occupe toute la place restante en largeur et je n'y arrive pas
 
pourriez-vous m'indiquer comment proceder svp ?
 
merci d'avance

j'arrive presque a qlq chose :
 
j'ai A en float: left
B en float: left
C en float: right
 
ca passe sous IE mais sous Mozilla, B passe en dessous de A et C qui restent a gauche (A) et a droite (C) comme convenu
 

fais voir les classes css de tes div, et explique le résultat que tu obtiens...

voila mes 'classes' :
 

 
sous IE : tout se passe bien, les 3 DIV sont cote a cote et si je supprime C, B prend bien la place restante
 
Sous Moz : A est cole a gauche, C est colle a droite et B est en dessous et prend la totalite de la largeur

Essaie
 

sous IE : toujours OK
sous Moz : B est tjrs en dessous
 

 
je me demande si c'est simplement possible a vrai dire ...

ce code marche avec Moz
 

le probleme est que le C bascule en dessous assez tot lorsqu'on joue sur la largeur de la fenetre

avec 65% pour B, tu passes en 800x600 et +
 
sinon, tu parts sur un cadre principal de 770px de large et tu positionnes tes zones A, B et C en absolu

ta solution est là :
 
http://alsacreations.com/articles/ [...] _fluid.htm
 
a+

pour g_d_fluid d'alsacreation, j'avais regarde des le debut mais mon div general qui englobe mes 3 div A, B et C est centre horizontalement du coup la solution l'alsa ne fonctionne plus

 
le probleme majeur est que si je supprime C, B ne prend plus la place totale qui reste du coup et c'est ca ma contrainte principale

je crois qu'il faut prévoir une CSS par type d'affichage alors.
 
CSS_ABC
CSS_AB
 
Sinon tu ne t'en sortira pas

j'y pensais oui
dommage, ca ne parait pas difficile de prime abord ...
 
probleme d'interpretation des navigateurs ou limite des CSS

un autre moyen est de faire : (pas testé, mais cela doit marcher)
 
conteneur
     colonne (A) gauche 120 px, absolute, left 0
     /
     conteneur bis marge gauche 120 px      
          colonne C 120 px float right display block
          /
          colonne B float right display block
          /
     /
/
 
 
si tu ne mets pas ta colonne C, B doit normalement prendre toute la place restante

Ben... le modèle non-fluide alors : http://www.alsacreations.com/artic [...] d_fixe.htm ?

Tu as changé de pseudo ?
 
et la solution dont je parle juste au dessus ?

je ne suis pas sibeluis
 
pour ta proposition, c'est ce que je me suis resigné a faire :
 
2 div :
1 pour la colonne de gauche A
1 sur le reste B qui englobe le C s'il existe
 
ca marche bien mais l'idel aurait ete que C soit a l'exterieur de B
 
merci

si tu regardes bien, je t'ai proposé de faire 4 colonnes : A, D, C, B (dans l'ordre)
 
C et B sont dans D

 
je ne l'avait pas vu comme ca
 
donc 2 conteneurs generaux
pourquoi n'y ai-je pas pense ??

dis nous si cela fonctionne ...

 
Promis j'avais pas bu ...

j'vous dis ca demain