Aller au contenu

Positionnement footer gênant


doomer2

Sujets conseillés

Bonsoir,

J'ai un petit souci avec le positionnement de mon footer, tout semble correctement fait avec le CSS. Cela vient du fait que si il n'y a pas de contenu mon footer remonte et passe en dessous de mon menu gauche.

Le menu gauche est en position absolute par contre si je le place en position float, le soucis disparait mais les 4 boites de la boite d'accueil restent en dessous du menu et ne sont plus à la suite de mon h2 (News du site)

Ceci est assez urgent car de ce fait, l'avancement de mon site est retardé cligne

Formulaire du site

Lien avec le probleme

Page accueil :

Accueil du site

Quelqu'un a t'il la solution afin de résoudre ce probléme qui sera embêtant quand je n'aurais que peu de contenu sur une page.

Je pense que la strcture global a peut être un petit souci au niveau des positionnements. Mais où ?

Merci à tous.

Joyeux Noel

Lien vers le commentaire
Partager sur d’autres sites

Merci Dan,

Mais cela est déjà configuré dans mon CSS pour le footer cela. Même en mettant un <br class="clear"> à la fin du formulaire je me retrouve avec mon pied de page à cette position. c'est à dire tout de suite aprés mon contenu de ce fait le menu est plus long que mon contenu.

Lien vers le commentaire
Partager sur d’autres sites

Oui je rencontre le même problème sur des pages trop petites.

Ici par exemple http://www.technyrem.fr/alarme_sans_fil.php ou ici http://www.technyrem.fr/news.php

J'ai essayé de tricher et de mettre du "blanc" (espace) afin de redescendre en-dessous du menu comme j'ai fait là -http://www.technyrem.fr/boutique.php mais c'est très moyen, je trouve.

Le clear:both ne donne pas plus de résultat et comme toi, le pied de page est logiquement dans mon conteneur globlal.

Cette solution m'intéresse également. ;)

Lien vers le commentaire
Partager sur d’autres sites

J'ai le même problème.

Je defini une hauteur minimum pour mon div qui contient le centre de ma page soit un truc comme cela :

div#contenu {
height:20em; /* Si ton texte est plus haut, IE se charge d'allonger ton bloc. */
}

html > body div#contenu {
height: auto;
min-height: 20em;
}

Comme cela mon footer se trouve à une hauteur minimum (soit en dessous de mon menu pour moi).

Lien vers le commentaire
Partager sur d’autres sites

Veuillez vous connecter pour commenter

Vous pourrez laisser un commentaire après vous êtes connecté.



Connectez-vous maintenant
×
×
  • Créer...