Un affichage particulier

[kooby008]

Je suis en train d'apporter des modification sur un site Internet. Je travaille dans une résolution de 1280*1024. Je passe dans des résolution plus petite pour m'assurer de l'affichage de la page.

Là, si vous consulter cette page : http://www.gitesdethouy.com/temp/accueil.htm les marges seront différentes que vous soyez en 1024*768 ou en 1280*1024.

Est-ce que quelqu'un peut m'expliquer, pourquoi quand je suis en 1280*1024 mon cadre blanc se retrouve bien à 100% de la page tout bas. Alors que si la résolution est en 1024*768, le cadre blanc chevauche les cadres du bas.

Merci

[FF_Olivier]

Pourrais-tu stp mettre 2 copies d'écran illustrant ton pb ? Tout le monde n'a pas envie/la possibilité de changer de résolution, et en plus ça sera bcp plus simple pour constater ce que tu veux dire ...

Hébergeurs d'images :
http://imageshack.us/ (en)
http://www.image-dream.com/ (fr)

PS : vérifie aussi la validité de ton code, il y a 25 erreurs retournées dont une bonne part sur la fermeture des balises qui se présente sous les 2 formes à la fois, càd <balise /></balise> (c'est soit <balise/>, soit <balise>...</balise>)

[kooby008]

Je viens de vérifier mon code, est maintenant il ne comporte plus aucune erreur.

Pour les screen, voila :
l'image pour un affichage de 1024*768 :
http://www.image-dream.com/image.php?im ... 2-1024.jpg

l'image pour un affichage de 1280*1024
http://www.image-dream.com/image.php?im ... 1-1280.jpg

[calimo]

Pourrais-tu stp mettre 2 copies d'écran illustrant ton pb ? Tout le monde n'a pas envie/la possibilité de changer de résolution, et en plus ça sera bcp plus simple pour constater ce que tu veux dire ...

Pas besoin de changer la résolution --> Web Developer > Redimentionner

À voir le truc, ton bloc blanc est en position:absolute avec un bottom:0. Donc c'est absolument normal, tu le sors du flux, il peut alors passer par-dessus d'autres bloc.

Laisse le bloc dans le flux (supprime position:absolute), et le bloc viendra tout-naturellement se placer en-dessous du précédent sans chevaucher quoi que ce soit

[kooby008]

Je ne sais pas trop de quoi tu parles quand tu me dis flux.

J'ai fait ce que j'ai compris, j'ai enlevé position:absolute; et mon blanc et bien il n'est pas allé se caller en bas comme tu l'imagines, mais il est allait se perdre en haut.

Je t'ai fais un petit screen : http://www.image-dream.com/image.php?im ... sition.jpg


Ne venez pas me dire que je suis bon à me retaper toute l'écriture du code

[calimo]

Arf, c'est surement parce que le reste est aussi positionné en absolu ? Dans ce cas évidemment…

Le mieux c'est d'essayer de passer tout ça en position statique (normale) ou relative. Je ne vois pas quel avantage tu as à mettre le tout en absolu…

[kooby008]

Oui j'ai quelques éléments en position absolute :

Code : Tout sélectionner

.gauche {position: absolute; left:0; background-image:url("../images/gauche.jpg"); width:137px; height:480px;}
.frame {margin-left:137px; background-color:#CE9D6C; width:818px; height:460px; overflow: auto;}
.bas_gauche {position:absolute; float:left; background-image:url("../images/basgauche(petit).jpg"); width:303px; height:41px;}
.bas_droite {position:absolute; float:left; left:303px; margin-top:0px; background-image:url("../images/basdroite(petit).jpg"); width:655px; height:41px;}
.droite2 {background-image:url("../images/droite.jpg"); width:26px; height:588px; position:absolute; left:955px; top:17px;}
.validation {width:100%; background:#FFFFFF; position:absolute; bottom:0px; float:left; left:0px;}

Si j'enlève mes positions absolute, ça donne du grand n'importe quoi. Les boites sont les unes sous les autres. Alors si je veux redonner le même aspect je dois jouer sur les marges.

Là avec la position absolute : je n'ai aucun problème, tout est bien positionné. Et ça quel qu'en soit l'affichage. Il se passe juste que quand je descend la résolution, j'ai l'impression qu'une balise est mal interprété ou une connerie du genre.

Bref si vous utilisez un ordinateur dans une résolution de 1024*768 pouvais cliquer sur ce lien : http://www.gitesdethouy.com/temp/accueil.htm

Et me dire si vous voyez comme sur la photo 1 : http://www.image-dream.com/image.php?im ... 2-1024.jpg
ou la photo 2 : http://www.image-dream.com/image.php?im ... 1-1280.jpg

Merci de votre participation... 8)

[jpbardiau]

En 800x600, le menu de gauche disparaît complètement.

[Mirovinben]

Salut,

Et si au lieu de mettre des positions absolues exprimées en pixel tu essayais la même chose mais avec des positions exprimées en %... et surtout pas un mix des 2 pour les différents conteneurs principaux, de même niveau (DOM)...

Ca devrait s'afficher DANS ta page, quelque soit sa largeur...

Bon, d'accord, la mise en page change selon la taille de la fenêtre sauf si tu places un conteneur "racine" qui contient tous les autres et qu'il a une largeur exprimée en pixels... du coup, selon le cas, t'as un translateur en bas ou pas selon la taille de la fenêtre et/ou la résolution de l'écran... et tu peux garder "tes" dimensions en pixel.

[SB]

Ne venez pas me dire que je suis bon à me retaper toute l'écriture du code

Bon ben je dis rien alors...