Bonjour,

(pour ceux qui ont lu le topic d'hier, c'est la suite )
( sujet précédent )

alors je veux faire une page avec trois colonnes.
Deux colonnes situés de chaque côté de la page et taille fixe et une colonne centrale de taille changeante.

Voici mon code:





Tout se passe bien quand la colonne centrale est petite mais dès qu'elle devient trop grande, elle déborde sur la colonne de droite.
A la place de cela je voudrais que la colonne de droite se décale(comme cela la page s'élargit)

Merci d'avance

Citation : Neph

#milieu
{
   text-align:center;
   margin-left:230px;
   margin-right:10ppx;
}

Mouais ya un prob ici,

met plutôt

non quoi que je mette ça ne change rien :/


[edit]: sur firefox les deux blocs se montent dessus, sur IE le bloc centrale descend le long de la page ><

Donne moi un lien avec ta page si possible.

dsl je tourne en local et hébergé la page sur le net serait trop long
je t'ai fait des screens par contre

aperçu sur FireFox
on voit bien la colonne de gauche(avec le menu), la colonne centrale(le grand tableau noir), et la colonne de droite(informations) qui monte sur celle du centre

aperçu sur IE (haut de page)
aperçu sur IE (bas de page)
on voit les deux colonnes latérales en postion et la colonne centrale en bas de la page.

voila, si vous avez besoin d'informations n'hésitez pas

le code reste le meme que j'ai présenté au début

UP :/

UP ><

UP...

UP

Chu !

Va faire un tour chez Alsacréation, je te donne le lien vers une page de gabarits, inspire-toi du code source du gabarit qui t'intéresse. (il faut utiliser le positionnement absolu)

Bon courage !

j'ai essayé plusieurs méthode du site, aucune ne répond a mes attentes..
Dans les exemples, les tailles du site ne dépassent pas la largeur d'une fenetre donc tout tiens bien en place

Mais dès que le site devient un peu trop grand tout se démonte.

Je vais chercher sur le net si je trouve un site qui ressemble à se que je cherche :/

si vous avez des idées n'hésitez pas

oups, non, pas de positionnement absolute necessaire.

une chose a savoir tout de même , 3 fausse colonne en div ne se comporteront pas comme 3 colonnes de tableau. (du moins pas encore et jamais dans IE6 qui ne sera jamais mis a jour ).

2 exemples :
3 colonnes fluides.
http://gcyrillus.free.fr/gabarits/3_colonnes_fluide.html

3 colonnes centrées et extensibles:
http://gcyrillus.free.fr/gabarits/3_colonnes_fixe.html

la couleurs des fonds des "colonnes menus" est celle du conteneurs.
++

les pages que tu me donnes ont le meme problème que les miennes, dès que la colonne centrale devient trop grande, les divs se montent dessus

essaye sur ta page des "3 colonnes fluides"
ajoute une image un peu grande dans ta colonne centrale et la mise en page ne tiendra plus en place.

Au final il vaudrait mieux que j'utilise des <table>?
(malgrè que cela ne m'arranges pas du tout côté programmation php :/ )
je prefère donc persevérer dans mon idées des Div .

Si quelqu'un d'autre à une idée, merci d'avance à lui de me l'exposer

comportement normal, si pas de place je devrait glisser en dessous jusqu'a ce que je trouve assez de place ,
Un min-width (largeur des colonnes externes + l'images), reglerait en partie le probleme dans firefoxe mais pas dans IE.

D'un autre coté as tu reellement besoin d'une page fluide ?
L'image s'etire en largeur ?
si non : fixe la largeur a la bonne dimension .
ou si neccessaire passe la largeur de la page par des variable en echo dans une regle css de l'entete de ta page si tu as des largeur "variables" selon les pages affichées .
++

et bien en faite ma colonne centrale contient un tableau généré en php
et le nombre de lignes et de colonne dépend completement de la personne qui charge la page.

donc difficile de prévoir la taille du tableau :/
enfin je vais essayer de trouvé une autre solution

merci a tous

EDIT: je laisse le topic en non-résolu dans le cas ou d'autre personne aurait une solution

heu, et bien si ton tableau est generé en php, tu peut vraisemblablement en deduire sa largeur et ainsi connaitre la largeur a donner a ta page , en aditionnant la largeur du tableau(dependant du nombre de colonnes , qui sont a priori de tailles predeterminées , non ?) et des 2 div lateraux .
il te suffit alors de reinjecter cette taille en echo dans les styles .
Je vois pas trop d'autre solutions ...


++

oui j'y avais pensé, mais en réalité les colonnes ne sont pas toutes de la même taille. :/

j'avais trouvé un site dans le style (dont la forme était plutot sympa mais le contenu débile ) --> Ici même

Mais lui la solution qu'il a trouvé apparement est de mettre un width sur le body de grande taille (ce qui forme une grande zone vide tout à droite de la page )

enfin bon je continue ma recherche