Discussion :

[Invité]

Bonjour à tous,

Je suis un peu nouveau ici, j'ai pas encore eu le temps de parcourir votre Forum, mais je me demandai si vous pourriez m'aider dans mon problème.

Voila la page de 'test' : Lien invalide

Je voudrai juste que la case bleu s'adapte jusqu'en bas de page, pas qu'elle prenne elle même 100% de la taille de l'ecran :'(

Merci d'avance à ceux qui vont essayer

[Erwan31]

Bonsoir,
tout d'abord tu oublies de tester ta page sur un navigateur alternatif comme Firefox qui est quand même très répandu, tu verra que ta page ne s'affiche pas de la même manière (pas de centrage de l'interface,...)
Pour centrer ton interface transfères le margin:auto du html (n'y mettre que le height:100%) vers le body

Lire les commentaires

Code :

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

1
2
3
4
5
6
7
8
9
body {
	width:100%; /*inutile*/
        height:100%; 
        margin: 0 auto; 
        text-align:center; /*en double*/
        margin: 0px; /*à supprimer (prend le dessus sur margin:auto 0; selon les règles de la cascade*/
...
}

Pour ton problème il te suffit de supprimer le style="height:100%" du td bleu.

[Invité]

Bonjour et merci de s'occuper de mon problème aussi vite ^^

Je viens dez télécharger Firefox, en effet le td bleu s'étend correctement dans la page, reste le problème d'alignement de la page au centre.

Avec IE *s'arrache les cheveux*, rien n'a changé. Le td 'PAGE' bleu prend toujours 100%... cf screen.

Doit bien y avoir un moyen

[Erwan31]

Je t'ai mis sur la piste en t'expliquant d'ou ça provenait mais tu as au moins
une autre hauteur à 100%...
Pour le centrage tu dois donner une largeur au body.

[Invité]

La page lien invalide a été mise à jour.

Les problèmes restant que je n'arrive pas à résoudre sont :

- Sous Firefox : l'alignement du tableau au centre de la page.

- Sous IE : le td bleu fait 100% de la hauteur du navigateur et ne s'adapte pas automatiquement au contenu de la page. Il faut simplement l'étaler jusqu'en bas sans afficher la barre de défilement verticale.

[Erwan31]

Désolé mais tu n'as pas suffisamment cherché.