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

[Invité]

Assures toi bien que j'ai fais 2 jours de test avant de poster ici...
Après plusieurs recherches via google qui n'ont apporté aucune réponse.

Si tu sais, pourquoi ne pas me dire ? Si tu sais pas, je comprendrai que tu me demande de chercher ^^

[Erwan31]

Pour le centrage je t'ai expliqué comme faire dans mon pots précédent,
d'autre part ton code n'est pas encore corrigé.
Ensuite pour la hauteur excessive tu n'as pas beaucoup cherché:
tu as des height:100% dans ta CSS donc ça veut dire 100% du premier bloc parent dimensionné c-a-d la hauteur de la zone d'affichage.

[Invité]

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.

Fait.

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.

Juste avant on me dit que donner une largeur (100%) était inutile.
J'ai essayé et j'ai pas vu de résultat, j'ai donc remis comme avant.

Pour le centrage je t'ai expliqué comme faire dans mon pots précédent,
d'autre part ton code n'est pas encore corrigé.
Ensuite pour la hauteur excessive tu n'as pas beaucoup cherché:
tu as des height:100% dans ta CSS donc ça veut dire 100% du premier bloc parent dimensionné c-a-d la hauteur de la zone d'affichage.

Je cherche toujours pour le centrage, et je cherche toujours pour la hauteur...

[Invité]

J'ai mis à jour la page lien invalide

Sur un autre Forum, on m'a dit de rajouter bottom:0 et d'enlever les height 100%... j'aurai beau essayer, de toute façon rien ne marche.

[laruiss]

Le mieux, ce serait peut-être de ne pas faire ton layout avec des tableaux, mais avec des divisions de page... les layout avec des <table>, on faisait ça dans les années 90...

Tu peux t'inspirer de ça, par exemple :

http://www.positioniseverything.net/...l.stretch.html

@+

[Invité]

C'est ce qui risque de se passer si personne n'a la solution

Après je sais pas si les div sont tellement mieux que les table, mais j'y penserai.

[Erwan31]

Après je sais pas si les div sont tellement mieux que les table, mais j'y penserai.

Si dans la grande majorité des cas, c'est un sujet mainte fois évoqué ici ou ailleurs.
Un conseil, jettes toi à l'eau et met toi à la mise en page avec DIV/CSS.

[Invité]

Bon, c'est décidé je divorce !

Bonjour Mlle Div, vous allez bien ? Nous avons maintenant toute vie devant nous, ou presque...

Et je plante un résolu, non pas pour dire Yeah yeah on a trouvé la solution, mais au contraire, on ne l'a pas ! Alors faites comme moi, trouvez-vous une DIV charmante.

Merci aux intervenants du Topic, et à bientôt.