Titre: [résolu] probleme de marge avec ie et pas le reste
Posté par: maofiozo le le 14-04-2010 a 14:02:27
bonjour,
je suis déséspéré j'ai pas trop l'habitude de demander de l'aide d'habitude je cherche de moi même et je trouve même si je connais pas grand chose mais la j'ai beau chercher je ne trouve pas le problème.
Je doit montrer mon site a un patron or je me suis rendu compte que sur IExplorer il y a un gros problème de marge (gros parce que en plus il empeche de clicker sur le 1er bouton du menu) et je n'arrive pas a savoir d'ou cela peut bien venir.
Est-ce que quelqu'un peut m'aider s'il vous plait.
PS: j'avais demander de l'aide sur un autre site mais sans suite a part que un utilisateur ma dit qu'il avait même un message d'erreur lui.
Je remercie ceux qui liront mon message détresse et encore plus ceux qui pourront m'aider.
oups le site : http://00041170224.free.fr/nkm/index.php?p=index |
Titre: Re:probleme de marge avec ie et pas le reste
Posté par: KB le le 14-04-2010 a 22:42:38
salut !!
bon, j'ai jeté un coup d'oeil et tu t'es compliqué la vie dans ta découpe du template! enfin, moi j'aurais pas fait comme ça !
Après cette petite remarque inutile, en voici une utile (ou pas):
si je regarde ton code, je suis etonné que le même probleme n'apparaissent pas avec firefox.ta div container est en display:block et ton logo en absolute. il se réfère tout deux a la position du super container.
-logo se place la ou tu lui demande par rapport a supercontainer
-container :en absence de margin, se place dans le coin gauche de supercontainer (sauf avec firefox apparement !)
bref, essaier un simple margin-top:90px sur ton container ca devrait regler ton décalage en hauteur? puis idem pour le left?
désolé, si je dis une connerie, j'ai regarder brièvement le code ! |
Titre: Re:probleme de marge avec ie et pas le reste
Posté par: maofiozo le le 14-04-2010 a 22:59:35
je te remercie du coup d'oeil je crois que j'avais essayé mais que sa a pas marcher mais dés que je peut reesayer je le fait la je suis sur mon portable j'ai pas acces aux fichier je donne des news dés que j'ai testé.
EDIT: Sa y est je vien de tester il me semblait que j'avais essayé sa ne fonctionnait pas, rien n'a changer (ni sur firefox/chrome, ni sur Iexplorer).
Je fait ce site pour apprendre principalement , peut tu me dire si tu a le temps comment l'aurait tu fait en bref ? |
Titre: Re:probleme de marge avec ie et pas le reste
Posté par: KB le le 16-04-2010 a 09:26:39
J'aurais créer une div header qui se serai arreter juste au niveau de ton menu, ca aurait éviter ton probleme.
Tu peux peut etre récupérer le truc en englobant ta div logo dans une nouvelle div en display block? tuè n'aurais plus qu'a lui donner la bonne hauteur?
|
Titre: Re:probleme de marge avec ie et pas le reste
Posté par: liline777 le le 17-04-2010 a 02:55:04
dans ton "body" met des marges et padding a zero . met dans ton css *marges et padding a zero en plus, cela remte tout a zero pour tous les navigateurs evitant ainsi les problemes de certains qui mettent automatiquement des marges.. perso vu comme tu l'as code j'aurai mit le "superconteneur" sans largeur et en relatif pour ton logo qui est en absolute, qui se placera par rapport a ton supercontener qui sera en relatif.. Si tu met une div en absolute il faut qu'il soit entoure d'une div relatif sinon la div absolute se place par rapport au dernier "parent" et la en l'occurence n'importe ou.
Tu as une faute a "galerie" ca ne prend qu'un "l" |
Titre: Re:probleme de marge avec ie et pas le reste
Posté par: maofiozo le le 19-04-2010 a 10:25:49
Bon j'y arrive pas j'ai passé du temps dessus essayé tous ce que vous m'avez dit sa ne fonctionne pas sur Iexplorer j'ai jamais la même chose que sur Firefox si encore j'aurais le même problème sa serait cool mais la pas trop.
j'ai fait quelque modification :
Fichier index.php
- j'ai changé la div superconteneur elle n'englobe que le logo et le search.
- qui eux 2 ne sont plus dans la div conteneur.
sur le style.css j'ai pas changer grand chose finalement je suis revenu en arrière après chaque tentative j'ai essayer de mettre en relativ mais c'est pas cool sa met tout au niveau de la bande bleu (limage des bombes)
Merci pour la faute a galerie.
enfin je vais encore essayé et donner des news en espérant un jour trouver le problème.
EDIT: bon finalement j'ai laisser le superconteneur en absolute avec dedans le logo et le search en relativ pour que vous voyez je pense que la solution approche mais maintenant le problème est plus sur firefox sa me rend fou.
il y aurait une solution mais je ne sait pas si c'est faisable que le site detect le logiciel utiliser et charge le fichier suivant le logiciel comme sa je met l'ancien code pour firefox et j'ameliore celui-la pour internet explorer c'est sur sa prend plus le tête mais c'est mieux que de ne pas fonctionner du tout. |
Titre: Re:probleme de marge avec ie et pas le reste
Posté par: Pad le le 19-04-2010 a 10:46:59
Ta essayer de virer cette ligne dans ton css : margin-top:92px; de ton #conteneur ? Sinon tu peux aussi placer ton #search en absolute pour bien le placer...
|
Titre: Re:probleme de marge avec ie et pas le reste
Posté par: maofiozo le le 19-04-2010 a 11:04:48
bon j'approche du but le truc c'est que firefox me les place bien en haut mais le search est en milles morceaux .
le margin top : 92 px c'est pour mettre l'image des bombes pile poile a la bonne hauteur pour le search c'est bon je l'ai placer en haut en relative mais avant il etait en absolute et c'est sa qui faisait buggé sur iexplorer je sait pas pourquoi.
Edit: bon j'ai test je l'ai remit en absolute c'est bon sa a marcher, merci.
|
Titre: Re:probleme de marge avec ie et pas le reste
Posté par: maofiozo le le 19-04-2010 a 11:22:02
Bon dans l'ensemble je vous remercie sa va mieux mais j'ai encore besoin d'aide pour comprendre les derniers petits points.
[url=http://img220.imageshack.us/i/sanstitre1pz.jpg/]
1- Pourquoi sur firefox c'est pas centrer alors que sur intrenet explorer si ?
2- Cette parti est une iframe qui fonctionne quand elle est seul sur internet explorer mais pas quand elle est sur la page ? savez - vous pourquoi ?
3/4 - Sa c'est pas trés trés important mais j'aimerai bien comprendre pourquoi l'alignemnt n'est pas le même y'a t'il une methode pour l'ameliorer ? |
Titre: Re:probleme de marge avec ie et pas le reste
Posté par: maofiozo le le 20-04-2010 a 19:20:16
| personne ne sait comment m'aider s'il vous plait ? |
Titre: Re:probleme de marge avec ie et pas le reste
Posté par: elsyfiryos le le 25-04-2010 a 18:29:54
Salut,
je pense que cela vient de ton "float:left;" dans le CSS de ton logo
sinon rajoute au moins une marge a gauche "margin-left:20%;"
bye |
Titre: Re:probleme de marge avec ie et pas le reste
Posté par: elsyfiryos le le 25-04-2010 a 19:13:59
Ou sinon,
met ton "<div id="logo">" Dans ton "<div id="conteneur">"
en CSS
float:left;
margin-top: -185px
la marge de gauche de ton logo va s'aligner avec celle de ton conteneur, surement ...
peut etre ;D
Bon bah bonne chance quand même :-\
Elsy, |
Titre: Re:probleme de marge avec ie et pas le reste
Posté par: maofiozo le le 25-04-2010 a 20:18:55
j'ai tout essayer rien n'a fonctionner
Si je met juste la margin 20% c'est nikel sur firefox mais du coup sa bouge aussi sur Iexplorer donc sa se met en dessous de la barre de recherche ce qui est pire.
Si je le met dans le balise conteneur c'est pire car sa me decale tout le design sur Iexplorer et sur firefox sa ne sa place plus en haut mais je crois que je vais être obligé de le laisser comme sa c'est trés embettant mais je me fatuigue a trouver un solution et j'en trouve pas.
Merci de votre aide dommage que sa ne fonctionne pas |
Titre: Re:probleme de marge avec ie et pas le reste
Posté par: Pad le le 25-04-2010 a 20:30:22
| Tu devrais télécharger le plugin "web developer" pour firefox qui va surement t'aider à résoudre ton problème. Il est indispensable à toute personne touchant du code d'un site web... |
Titre: Re:probleme de marge avec ie et pas le reste
Posté par: elsyfiryos le le 25-04-2010 a 21:23:05
J'ai une idée qui me viens, en fait c'est celle que j'utilise moi même, as tu penser a mettre une largeur au corps,
exemple:
body{
padding:0;
background:url(images/background.jpg) repeat-x top center #f9f2e5;
color:#009999;
font:Arial, Helvetica, sans-serif;
font-size:14px;
width:820px;
margin-left:auto;
margin-right:auto; }
}
Sinon donner la largeur a ton id "superconteneur"
Bon voila bonne chance ;) |
Titre: Re:probleme de marge avec ie et pas le reste
Posté par: maofiozo le le 26-04-2010 a 07:28:10
J'avais essayé d'en mettre une sur le super conteneur se ne fonctionner pas mais je ne pensais pas que c'etait possible sur le body et la t'a assurer parce que le resultat est enfin satisfaisant pour moi.
je te remerci beaucoup enfin mon site est fonctionnel certe il a une moins belle gueule sur iexplorer mais au moins il est utilisable c'est pas le premier que je fait mais c'est la premiere fois que je galère autant pour la compatibilité entre firefox et iexplorer .
en tout cas encore une fois merci , il me reste plus que le probleme de l'iframe a régler mais sa ne fait pas parti de ce topic je peut enfin le fermer merci a vous tous de votre aide |
Forum-webmaster | Actionné par YaBB SE
© 2001-2003, YaBB SE Dev Team. Tous droits réservés.
|