Probleme pied de page pour un site en div

[sim100]

Bonjour
J'ai un tout tout petit probleme:
Sur mon site qui est fait notament avec des DIV, mon pied de page ne se met pas tout en bas de la page!
Par exemple sur cette page
http://www.the-world-in-photos.com/twip ... ds-en.html
vous voyez le pied de page est dessous la colonne de gauche et de droite. En fait elle se met juste en dessous de la colonne du milieu.

Moi je voudrais qu'elle se mette juste en dessous de la colonne LA PLUS LONGUE bien sur!

Alors en fait la colonne du milieu possède quelques tableaux. Est ce pour cela?
La colonne de gauche est just un DIV avec les photos dedans.

Pouvez vous m'aider ?

Merci beaucoup

[billyboylindien]

Rajoute dans le css la propriete suivante clear= both.

La en fait vu que la colonne de gauche est en float il se cale a coté mais avec div clear both, il se met en dessous de tout meme si il y a des float.
Tu peut varier avec clear right ou left

[sim100]

Merci billyboylindien
mais je ne comprends pas trop comment utiliser le clear=both!
Où dois-je le mettre?

La structure de mon site est en gros comme cela

Code: Tout sélectionner

#conteneur { margin-top: 120px; WIDTH: 100%; POSITION: absolute; BACKGROUND-COLOR: #fff }

#center { MARGIN-LEFT: 160px; MARGIN-RIGHT: 160px; BACKGROUND-COLOR: #fff; padding: 10px; text-align: left; font-size: 11px; }
   
#left { LEFT: 0px; WIDTH: 160px; POSITION: absolute; background: url(design/film-background.gif); border-right: #A0A0A0 1px solid; text-align: center }

#right { RIGHT: 0px; WIDTH: 160px; POSITION: absolute; text-align: center }

#footer { padding: 5px; margin: 5px; BORDER: #007A00 1px solid }

Merci pour l'aide

[billyboylindien]

Code: Tout sélectionner

#footer { padding: 5px; margin: 5px; BORDER: #007A00 1px solid ; clear:both;}

[sim100]

Merci beaucoup, je vais essayer ça
Merci

[sim100]

Heu bin ça change rien
Une idée?

[billyboylindien]

Ouèp en effet :s
Remplace le position absolute de ta div left par un float:left

Ca marche mais il faut voir si ça n'engage rien d'autre.
A priori non mais j'ai pas plus regarder que ca :/

++

[billyboylindien]

A prioris je navigu sur le site sans soucis mais j'ai pas testé les partis admin et autre

Par contre il faut mini du 1024 pour visualiser les image si les menu de droite bouffent l'image, mais ca le fait deja sans les modif :p

[sim100]

comment ça?

[billyboylindien]

Code: Tout sélectionner

#conteneur { margin-top: 120px; WIDTH: 100%; POSITION: absolute; BACKGROUND-COLOR: #fff }

#center { MARGIN-LEFT: 160px; MARGIN-RIGHT: 160px; BACKGROUND-COLOR: #fff; padding: 10px; text-align: left; font-size: 11px; }
   
#left {float:left; WIDTH: 160px;  background: url(design/film-background.gif); border-right: #A0A0A0 1px solid; text-align: center }

#right { RIGHT: 0px; WIDTH: 160px; POSITION: absolute; text-align: center }

#footer { padding: 5px; margin: 5px; BORDER: #007A00 1px solid; clar:both; }

Tu peux meme a la riguerue faire pareil pour right

Code: Tout sélectionner

#right { float:right; WIDTH: 160px; text-align: center }

++

[sim100]

En fait comme ça ça me met la partie centrale en dessous des colonne droite et gauche

[sim100]

C'est bon pour firefox
mais pour ie pas bon, le centre se retrouve sous les colonne droites et gauche!
Une idée pour corriger sous ie?

[billyboylindien]

j'avais pas verifier ie

[sim100]

Tu as un petit "truc" pour ie ?

[dd32]

une feuille de style à part pour IE... ?