Page 1 sur 2

[DIV] Problème de height 100% \o/

Posté : 29 avr. 2008, 16:18
par agité
Bonjour,

un gros problème pour moi est de trouver déjà un tutoriel qui fonctionne :roll:

après quelque recherche sur le net je suis tombé la dessus : http://web.covertprestige.info/test/16- ... age-2.html

En fait le code fonctionne sur IE7 FF2 mais pas IE6 qui, vous le remarquerez, fait un écart d'un pixel sur le pied de page.

Je ne vois vraiment pas comment remettre le pied de page sans décalage ou trouver un tutoriel qui sois complet pour les 3 navigateurs.

Posté : 29 avr. 2008, 18:19
par Victor BRITO
As-tu consulté ce tutorial d'Alsacréations : http://css.alsacreations.com/Faire-une- ... me-hauteur ?

Posté : 30 avr. 2008, 10:24
par agité
As-tu consulté ce tutorial d'Alsacréations : http://css.alsacreations.com/Faire-une- ... me-hauteur ?
Oui mais j'aimerais aussi savoir pourquoi ce tutoriel me retourne le décalage d'un pixel pour le footer ... car il me semble que c'est un site de référence utilisé par alsacréation dans ces tutoriels.

EDIT : même problème avec le tutoriel que tu m'as passé mais en pire, j'ai suivis vraiment tout a la lettre sur IE7 niquel, FF niquel mais IE6 ca merde a mort !

en plus de ca toujours le decalage d'un pixel en bas du document :roll:

décidement je pense pas pouvoir trouver une solution viable.

Posté : 02 mai 2008, 20:18
par Aureusms
Hmmm.. Mon père disait : S'il y a du Float dans l'air il faut du Clear:both (il était poseur de parquet flottant).

As tu vérifié si tout était Ok de ce côté là ?

Posté : 05 mai 2008, 14:33
par agité
Hmmm.. Mon père disait : S'il y a du Float dans l'air il faut du Clear:both (il était poseur de parquet flottant).

As tu vérifié si tout était Ok de ce côté là ?
je l'ai ajouter toujours pas de changement il ya toujours les 1px du bas ...

et pourtant j'ai recopier le tutoriel comme il était donné sur le site.

Posté : 06 mai 2008, 12:13
par Aureusms
1 px en bas ? Seulement sous IE ou pas ?

Posté : 06 mai 2008, 12:35
par agité
1 px en bas ? Seulement sous IE ou pas ?
Internet explorer 6 uniquement :/

regardez le tuto : http://css.alsacreations.com/Faire-une- ... me-hauteur et vous verrez bien que sur IE6 ya ce skjfsldkfjdslkfjsd de 1 pixel :x

Posté : 06 mai 2008, 14:29
par Berzemus
et une petite feuille juste pour Internet Explorer ?

Posté : 06 mai 2008, 14:47
par agité
et une petite feuille juste pour Internet Explorer ?
Une petite feuille :?:

Posté : 06 mai 2008, 14:49
par Victor BRITO
et une petite feuille juste pour Internet Explorer ?
Une petite feuille :?:
Berzemus voulait probablement parler des commentaires conditionnels, qui permettent de créer des feuilles de styles distinctes rien que pour IE (ou pour telle ou telle version d'IE).

Posté : 06 mai 2008, 14:51
par agité
Dans ce cas oui j'ai bien remis des options pour IE6 :
<!--[if lte IE 6]>
<style type="text/css" media="screen">
#global {
height: 100%;
position: static;
}

#contd {
display: inline;
}

</style>
<![endif]-->

Posté : 06 mai 2008, 14:57
par Berzemus
et une petite feuille juste pour Internet Explorer ?
Une petite feuille :?:
Berzemus voulait probablement parler des commentaires conditionnels, qui permettent de créer des feuilles de styles distinctes rien que pour IE (ou pour telle ou telle version d'IE).
ouaip, une feuille de style que pour IE6 (je ne tombait plus sur le terme "commentaire conditionnel")

J'utiliserais plutôt une feuille dédiée (externe), plutôt que de mettre le css dans la page, c'est plus propre, et ça fait plein de place pour ajouter d'autres règles, on sait jamais sur quoi on peut tomber..

Posté : 06 mai 2008, 16:16
par agité
A la limite sa ne change pas grand chose, je peux le mettre dans une feuille externe.

Mais je ne vois pas comment résoudre le problème.

Posté : 06 mai 2008, 16:38
par Berzemus
un simple margin-bottom:-1px ? ou margin-height, j'ai pas pris le temps de refaire l'exercice.. mais ça doit jouer, non ?

Posté : 06 mai 2008, 16:40
par agité
un simple margin-bottom:-1px ? ou margin-height, j'ai pas pris le temps de refaire l'exercice.. mais ça doit jouer, non ?
le moindre changement sur la taille etc ... ca fait bugger l'ensemble en plus j'ai l'impression que ca fait le décalage qu'a une certaine taille, genre si je met un footer de 30px de haut pas de soucis mais alors si je passe a 20px alors la il le fait :roll: