Discussion :

[keryss]

Bonjour,

Je maintiens actuellement une appli web qui s'appuye sur une page "master" (header, content et footer définis dans le CSS pour toutes les pages) + 4 pages "content" différentes.

Et ce principalement sur IE. Pas d'utilisation firefox ou autre, pour raison hors sujet ici

Mon souci est dans le positionnement du footer.

Je m'explique.

Sur 2 pages "content" j'ai 4 lignes au plus, donc presque rien.
Sur les 2 autres j'ai 2 gridview.

Si je mets mon footer en position absolute ou fixed, il vient se mettre au beau milieu de mes gridview quand elles sont chargées.

Si je le mets en relative, je n'ai pas de souci avec les gridview, mais sur les 2 autres pages où il vient se coller presque tout en haut (puisqu'il n'y a pas grand choses sur les pages).

Bref, pas beau...

Y a t'il moyen de générer 2 footer différents dans le "master" et d'utiliser plutot l'un ou l'autre en fonction de la page "content" en cours ?

Ou sinon, comment je peux m'en sortir facilement ?

Merci d'avance,

[larffas68]

Salut,

pour ton contenu tu met un min-height en css pour que le conteneur prenne un minimum de place, pour le footer tu le met clear:both

cela devrait fonctionner

[keryss]

bien tenté... Sauf que min-height n'est pas pris en compte sous IE... Et si tu relis mon message tu verras que ...

[larffas68]

il est tout a fait possible d'utiliser min-height mais peut etre me suis-je mal exprimé non pas pour IE mais contre IE

en définissant ceci :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
#content {
height: 5em;
}
html>body #content {
height: auto;
min-height: 5em;
}

Vous obtenez une height définit sur IE et une propriété non comprise par IE mais valide pour les autres navigateurs

[keryss]

En effet, bien vu pour le height:auto et min-height.
Je les ai mis sur le content.

Du coup mon footer se cale à la position minimum après le content, et pour mes gridview, il suit bien (vu que je lui ai oté la propriété position).

Merci !