Question de décallage.

Question

Alut bande de codeur...

 Je
tiens a remercier les personnes ayant particip&#233;es et r&#233;pondues a
plusieurs de mes questions sur les forums de la confr&#233;rie du code
source  !
 Malalam si tu lis &#231;a encore merci!
 Je viens d'obtenir le titre de d&#233;veloppeur informatique grace &#224; mon projet d'application internet Flash/php!



 ma Question est la suivante :



un d&#233;calage de mise en forme me fait ***** entre IE & Mozilla.

Il est effectif pour un href  &#224; la ***

et surtout pour mon formulaire Php/Pear/quickform avec son Template HTML.



KEZAKO ? komenkonf&#233;?

en clair y a t-il un Tit script qui va bien pour corriger cela ?



Merci Vous !

malalam · Answer

Hello,



bah de rien :-) Mes felicitations ! :-)



Pour Quickform et ton decalage, faudrait plutot aller demander aux createurs de Quickform. 



Sinon explique mieux et donne un exemple de code recalcitrant (et surtout la partie mise en page de ton code...), on verra bien.



IE et Firefox ne gere pas les boites de la meme maniere, ceci dit...

http://www.openweb.eu.org/articles/dimensions_boites_css/



Il existe un hack (en fait plusieurs meme) si ton probleme vient de la.

manymal · Answer

je pense que c'est du a l'utilisation de la balise div sur ma page html
et de la resolution & taille de fenetre du navigateur.



IE et Mozilla ne se comporte pour autant pas de fa&#231;on identique, les
d&#233;callages g&#233;n&#233;r&#233;s par les redimensionnements de  fenetre &#233;tant
radicallement diff&#233;rents.



Le site est en 800*600, premi&#232;re erreur de ma part j'aurai du taper un
peu en dessous mais bon je mise tout sur la d&#233;mocratisation du 19'' ;-)



Donc les &#233;cran 15'' souffre de ce d&#233;callage de positionnement



Mon 
 sur l'image  qui me sert de fond pour ce site



Je sait ca a pas l'air tr&#232;s catholique mais j'ai pas eu d'illumination pour un truc plus acad&#233;mique !



C'est pareil lorsque je balance mon .swf ds le html. Le .swf vole tr&#232;s
clairement au dessus de l'image de fond qd tu redimensionnes la fenetre.



cette solution ne me convient que tres peu mais j'ai pas d'id&#233;e pour faire autrement !

 termin&#233;.

A vous ...

malalam · Answer

800*600 sur un 19 pouces... ? sont bigleux tes utilisateurs ou quoi lol ?Moi je commence a table sur du 1024 voire du 1280!

Montre ton code lol...la c'est trop vague. Juste la partie qui bugge a l'affichage, avec les styles.

manymal · Answer

le ptit calque avec le href qui bouge !!





[mailto:labonnepersonne@blabla.fr Ici]

malalam · Answer

Et ton img est inclue comment sur ta page ?

manymal · Answer

Voili voilou c'est pas tres jojo tout ça hein !? //l'image ci dessous ! //les zones de navigation sur cette image [Historique.html ] [DiaporamaMachine.html ] [FormulaireDeContact.php ] les zones restent précises et ne suibissent pas de dépositionnement suite à une modification de la taille de la fenetre! mais le href oui !!

malalam · Answer

Donc, je resume :

tu as une image inclue (incluse...j'ai un doute lol) avec un simple  sur le corps de ta page.
tu as des maps pour faire des zones cliquables sur cette images (t'as utilise dreamweaver pour ca je suppose, ou autre logiciel dans le genre, parce que calculer ca sans un logiciel...argh).
tu as divers trucs dans le corps de ta page, dont ce lien, et tout se positionne SUR ton image, grace a des positions absolues (normal, en relatif tu n'aurais pas pu te placer sur un autre element).

Question : pourquoi ne mets tu pas cette image VRAIMENT en fond ?  (ce n'est qu'un exemple) ?

C'est quand tu bouges la fenetre (enfin quand tu changes sa taille) que tu as ce "depositionnement" ?

A mon avis c'est a cause de l'image. Firefox ne doit pas voir le positionnement de la meme maniere que IE avec un autre element sous ton lien. Si tu mets ton image vraiment en background, tu ne devrais plus avoir ce probleme, a mon avis encore. Si tu positionnes bien ton image en background (meme emplacement que avec ta balise ), tu n'auras pas de probleme non plus avec les maps.

manymal · Answer

C'est tout bon ce que tu r&#233;sumes.



mais lorsque je mais mon image en bground j'ai une mosaique(cad l'image
se repette en hauteur et largeur) ds le cas de figure o&#249; la fenetre est
plus grande que cette image (800*600)



je ne connais pas le mot r&#233;serv&#233; permettant de n'afficher qu'une fois cette image en BG.

voila pourquoi j'ai, pour le moment, opt&#233;  pour le 



tu vois mon pb ?



J'aurai souhait&#233; que le site s'adapte a la taille de la fenetre du navigateur et se redimension en fonction

mais la pour cette commande qui est mon premier site professionnel
c'est chaud surtout que j'ai du faire une visionneuse en flash alors
que j'avais jamais ouvert ce logiciel ...

pfff et en plus je fais le photographe pour alimenter cette visioneuse...les journ&#233;es sont trop courtes
250 photos et 30 vid&#233;os !!! et c'est pas des ptites nenettes mes sujets !

malalam · Answer

style="background: url(image.jpg) no-repeat"

Pour la taille de la fenetre etc...il faut travailler en relatif et pas en absolu de preference, et avec des pourcentages et pas des pixels pour les largeurs et les hauteurs.

manymal · Answer

Ok  5/5 on est bon maintenant!

reste a red&#233;finir le  usemap="#Map" qui &#233;tait pr&#233;sent ds le  (cf. bout de code plus haut).

Ds le  il en veut pas et donc du coup j'ai plus mes  d'actives ...

TERMIN&#201; 

A VOUS.

malalam · Answer

Ah merde...lol.
de toutes facons c'est nul les map lol...c'est chiant a gerer et impossible a mettre a jour.
Bon ben tu pourras pas les retrouver dans ce cas...

Bon mauvaise nouvelle...on ne peut pas faire ca en css.
Donc on est un peu coinces la.

Bon je reflechis lol.

manymal · Answer

je dirais m&#234;me plus,

apr&#232;s comparaison le d&#233;callage subsiste entre IE & mozilla sur mon href

Pire encore LE 'wiswig'  qu'offre dreamweaver  est identique au rendu dans Mozilla

Alors que le rendu dans IE a un bon d&#233;callage!





 [mailto:labonnepersonne@serica.fr Ici]





bon je rentre cz moi et je garde un oeil sur le forum...

manymal · Answer

L'infographiste me gal&#232;re avec sa charte Graphique.


Le menu de navigation du site est en arc de cercle et je ne vois
pas comment faire sans les  pour rendre ce menu
utilisable avec cette forme!



la mise a jour est cool je trouve car une fois que je serai parti, ils
n'auront qu'a ouvrir les pages avec dreamweaver, modifier la page de
fond et repositionner les zone de cliq sur la page!



V'la Un bout du fond d'une page 

 copyright...!



chez pas si &#231;a va marcher j'ai jamais utilis&#233; les fonction d'insert d'img

la je la claque ds insert img from gallery et j'envoie

manymal · Answer

marche po sketru!!!

on peut joindre un fichier non heberg&#233; ?

malalam · Answer

Apparemment pas lol...j'ai jamais essaye. C'est chiant ca m#aiderait mais bon...il va en effet falloir remettre les areashape. Mais pur le decalage...je te propose de tester ca doucement : Tu mets ton lien seul. Puis tu ajoutes un truc. Puis un autre etc...

manymal · Answer

Bon j'ai solutionn&#233; le d&#233;callage, en dissociant mon fond et mon menu

mais d&#233;sormais ds IE autour de mon div de menu alors que mon border est a 0

j'ai un contour bleu !!!

IE me broute!!

t'as une piste ?

Question de décallage.

16 réponses

Votre réponse