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

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

#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]

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

 

[sim100]

merci

Merci beaucoup, je vais essayer ça
Merci

 

[sim100]

merci

Heu bin ça change rien :cry:
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

 

[sim100]

merci

comment ça?

 

[billyboylindien]

#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

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

++

 

[sim100]

non

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

 

[sim100]

oui

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]

oui

Tu as un petit "truc" pour ie ?

 

[dd32]

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

 

[sim100]

ouai

Ouai j'aimerais éviter si possible avec une petite astuce

 

[billyboylindien]

je crois que ca s'impose :/ parce que la je patauge

 

[sim100]

merci

:cry:
J'essaye aussi de retourner ça dans tous les sens sans succès.

Ca m'embête de faire deux versions de fichier style!
Si je fais une modif, ça me fais deux fichiers à modifier :?
Il doit bien y avoir un moyen.
Je craque

 

[billyboylindien]

Pour ie

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

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

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

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

Et pareil pour FF sauf que tu vire le float dans center

Dons a la rigueur e il n'y a que le center a prevoir pour les 2 ...

 

[sim100]

ouai

Ouai merci ça marche
Y aurait pas un mixe qui marche pour tout par hazard
Je vais essayer de trouver ça

 

[sim100]

ouai

Bon ça y est j'ai craqué :cry:
Après 1000 essais, pas de solution pour que un seul fichier marche avec tout !
Donc j'ai décidé, enfin je suis obligé de faire deux fichiers CSS différents selon le navigateur...

J'avais vu passer un post pour choisir le CSS selon le navigateur, quelqu'un a t-il un script pour ça?

Merci encore

 

[dd32]

http://forum.alsacreations.com/faq/#item40
et
http://forum.alsacreations.com/faq/#item53