PHPfrance

la communauté d'entraide francophone dédiée au PHP

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

Répondre


Cette question est un moyen d’empêcher des soumissions automatisées de formulaires par des robots.
Smileys
:D :) :( :o :shock: :? 8-) :lol: :x :P :oops: :cry: :evil: :twisted: :roll: :wink: :!: :?: :idea: :arrow: :| :mrgreen: =D> #-o =P~ :^o :non: :priere: 8-|
Voir plus de smileys
  Revue du sujet
 

  Étendre la vue Revue du sujet : [DIV] Problème de height 100% \o/

petite proposition

par nass » 15 mai 2008, 22:59

Je te conseil dans un premier temps de mettre tous tes éléments (header,center,footer) dans une <div> globale de la meme largeur que ton footer éventuellement en position relative.

De ce cas, ton footer sera le dernier élément, il te suffira de le mettre en position absolute et en bottom 0.

Par contre je te conseil de mettre le center en overflow:auto et d'y mettre un padding-bottom de 30px par exemple pour eviter les superposition.

Esperant que ça resoudra ton probleme :wink:

par agité » 06 mai 2008, 16:40

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:

par Berzemus » 06 mai 2008, 16:38

un simple margin-bottom:-1px ? ou margin-height, j'ai pas pris le temps de refaire l'exercice.. mais ça doit jouer, non ?

par agité » 06 mai 2008, 16:16

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.

par Berzemus » 06 mai 2008, 14:57

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..

par agité » 06 mai 2008, 14:51

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

par Victor BRITO » 06 mai 2008, 14:49

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).

par agité » 06 mai 2008, 14:47

et une petite feuille juste pour Internet Explorer ?
Une petite feuille :?:

par Berzemus » 06 mai 2008, 14:29

et une petite feuille juste pour Internet Explorer ?

par agité » 06 mai 2008, 12:35

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

par Aureusms » 06 mai 2008, 12:13

1 px en bas ? Seulement sous IE ou pas ?

par agité » 05 mai 2008, 14:33

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.

par Aureusms » 02 mai 2008, 20:18

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à ?

par agité » 30 avr. 2008, 10:24

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.

par Victor BRITO » 29 avr. 2008, 18:19

As-tu consulté ce tutorial d'Alsacréations : http://css.alsacreations.com/Faire-une- ... me-hauteur ?