Forum d'entraide PHPFrance

Bonjour

J'ai un ch'ti problème et j'ai retourné mon code dans tous les sens sans trouver la solution.

Sur la page principale de mon site j'ai un décalage de 2px entre la signature et un des cotés situés au dessus. Le cadre ou bien le menu, en fonction de la façon dont je place mon code css. En fonction de la façon de disposer le code, c'est toujours du Firefox contre IE-Opéra.

J'ai essayé énormément de chose, car je ne veux pas utiliser de haks pour mon site.

En fait tout allait bien jusqu'à ce que j'utilise la border-box Css de Firefox. Là j'avais mon décalage. J'ai donc trifouillé le code pour enlever ça. Le résultat était plus de différence entre avec border box et sans border box, mais impossible de changer ce décalage.

La solution je l'ai trouvé ou presque en mettant margin-bottom :-2px sur mon cadre. Cela résout le problème sur Firefox qui se place maintenant super bien, et avec IE et Opéra le cadre ne bouge pas, mais à l'intérieur du cadre j'ai ma bordure du bas qui est maintenant bouffé. C'est toujours plus esthétique qu'avant mais cela ne me convient pas. j'aimerais un résultat similaire sur les 3 navigateurs que j'utilise.

Croyez moi j'ai essayé de nombreuses choses, 10 heures environ à essayé de changer chaque éléments de codes (height, margin, padding...), mais je dois m'avouer vaincu là et c pourquoi je fais appel à vous sur ce forum.

Voici la page en question :

http://www.meteobell.com/Test/Test.php

Le résultat que je veux est visible sur Mozilla Firefox. Déplacé le scroll du cadre et regardé le comportement de la bordure basse près de la signature pour comprendre mieux que tout mon blabla.

Si vous avez une solution, je suis preneur.

Bon c pas grave, je me disais bien aussi qu'il ne devait pas y avoir de solution miracle.

Sinon je me suis dit que cela venait peut être du fait que je précise une hauteur (height) à mon cadre, car je crois savoir que la plupart des problèmes de comptabilité entre navigateurs vient du fait que l'on précise des dimensions. Mal interprétés si on rajoute du margin et du padding.

Donc je me suis demandé s'il était possible de réaliser un cadre scroll en overflow:auto, sans préciser sa hauteur, en le coincant entre deux div.

Mais je sais pas si c possible à vrai dire.

Tu as posé ta question à 23h00 samedi soit et à 1h00 du matin tu n'avais pas de réponse : ça t'étonne ?

Je te signale que ton lien est mort, on ne peut donc rien vérifier du tout.

lol oui c vrai j'avais pas fait attention. J'en dors plus de cette bordure

Non non je me plaignais pas que je suis conscient que ce type de bug est un casse tête où il faut retourner tout le code. Faites ce que vous pouvez.

Ah oui le lien est mort en effet, mais seulement depuis hier soir vers minuit. C parce que j'ai mis cette nouvelle version non plus en test mais directement sur le site.

www.meteobell.com

Je n'ai rien remarqué de particulier, j'ai la même chose avec Firefox, IE ou Opera et tout semble correct

Bon ca va ça me rassure alors. Ca veut dire en fait que j'ai réussi à bien cacher ce petit décalage.

En fait quand on déplace le scroll du cadre et qu'on va tout en bas du scroll, la bordure tout en bas et qui apparait qu'à la fin :

- sur Firefox apparait, ce qui fait passer de 2 barres sur le cadre à 3 comme le bas du menu à gauche, qui lui ne varie pas de 3.

- sur IE 6, cette barre n'apparait pas que l'on bouge le scroll ou non et cela reste à 2 barres sur le cadre, pour 3 sur le menu.

- sur Opéra, on a qu'une barre pour le cadre, mais une deuxième apparait à la fin du scroll, mais on reste toujours à 2 barres pour le cadre contre 3 pour le menu, comme IE.

Mais avant c'etait pire que ça le décalage. Donc je vais garder ça comme ça, si tu n'as pas réussi à le voir du 1er coup, ca veut dire que c pas si grave.

Merci bien en tout cas Cyrano.

effectivement mais ce n'est pas génant ( jolie en tt cas ) même si je suis pas fan du tout des scroll en milieu de page
pour gérer ton décalage sous ie tu peux utiliser _margin ou autre ca te modifira le margin uniquement sous ie .
cordialement

Justement non. J'ai reconstruis tout mon site de façon à n'utiliser aucun hak. Je suis donc passé de 30 haks avant à 1 hak (même pas obligatoire, mais ca donne un petit effet sup à un endroit). Seul réside ce petit déclage et je voudrais pas utiliser de hak juste pour ça alors que tout le reste tiens sans.

Enfin bon c moins grave comme pb car j'ai réussi maintenant à le cacher à la fin du scroll. Moi j'le vois parce que je sais, mais je me dis que quelqu'un qui sait pas ne s'en rendra même pas compte, en attendant mieux.


Je pense que ça vient du fait que je spécifie une hauteur pour mon scroll et que j'utilise des margin-padding. Mais comment faire un scroll sans préciser le height.

Quoi qu'il en soit, merci d'avoir répondu.

même si je suis pas fan du tout des scroll en milieu de page

Oui je suis conscient que certains n'aiment pas. J'ai l'intention plus tard de faire une version sans scroll, comme j'ai fait avec la réso 800x600.