Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
2795 connectés 

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  calé div sur une image background...IE ??

 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

calé div sur une image background...IE ??

n°1560845
Lekouti
Posté le 15-05-2007 à 20:40:54  profilanswer
 

Bonsoir a tous,
 
Dans la page formulaire de mon new site, j'ai mis en arrive plan un image et par dessus un balise avec mon formulaire mail.
Dans pb sous Firefox, le callage de ma <div formulaire> ce fait par rapport au conteneur. En revanche sous IE il me le cale par rapport a l'image background mis dans mon css, ce qui le decale completement.
 
http://www.creatik.fr/new/contact.php
 
Comment puis je corriger le pb ??
 
Meric a tous


Message édité par Lekouti le 16-05-2007 à 23:10:31
mood
Publicité
Posté le 15-05-2007 à 20:40:54  profilanswer
 

n°1560871
dartyduck
n00b AttitudE
Posté le 15-05-2007 à 23:10:42  profilanswer
 

en meme temps, tu as mis un margin-left:500px, donc stun peu normal que ton formulaire se retrouve dans la moitié droite de ton #case. :o


---------------
Nikon D7000 + 18-105VR + 35mm 1.8
n°1561400
Lekouti
Posté le 16-05-2007 à 19:38:56  profilanswer
 

certe....
 
J'ai deja amelioré le pb, erreur de <div> donc now celle ci et deja plus centré, neanmoin quand on compart entre FF et IE sous IE elle decale encore vers la droite d'un 50ene de px je pense.
 
Je ne sais pas d'ou ça vient.
La page de ref etant FF
 
Si vous avez une idée .... ^^
 
Merci

n°1561452
dartyduck
n00b AttitudE
Posté le 16-05-2007 à 21:53:56  profilanswer
 

voici ce que je vois sous IE6 :
http://picasaweb.google.com/dartyd [...] 5937624226


---------------
Nikon D7000 + 18-105VR + 35mm 1.8
n°1561458
tomsoft
Posté le 16-05-2007 à 22:23:37  profilanswer
 

je vois pareil que dartyduck , mais sous firefox 2.0 :)

n°1561469
Lekouti
Posté le 16-05-2007 à 23:00:36  profilanswer
 

oui mais c pas la meme sous IE et FF....
Vous remarquerez que la div sous FF ets limite collé a la fille en photo.Genre elle s'appuis dessus.
Sous IE ya un gros decal entre les 2.
 
Il est la mon pb

n°1561470
tomsoft
Posté le 16-05-2007 à 23:04:11  profilanswer
 

tu veut obtenir l'effet FF sur ie ?

n°1561471
Lekouti
Posté le 16-05-2007 à 23:05:12  profilanswer
 

ba ouai, enfin j'aimerai que ie respect mon css ^^

n°1561472
Lekouti
Posté le 16-05-2007 à 23:07:20  profilanswer
 

le dos de la fille ets au centre de mon image, soit a 500px...et mon #case a un margin-left de 500px...je comprend pas l'ecart

n°1561474
tomsoft
Posté le 16-05-2007 à 23:11:09  profilanswer
 

les joies d'IE :love:

mood
Publicité
Posté le 16-05-2007 à 23:11:09  profilanswer
 

n°1561477
dartyduck
n00b AttitudE
Posté le 16-05-2007 à 23:23:47  profilanswer
 

tomsoft a écrit :

les joies d'IE :love:


+1 :D
ce que tu peux faire c'est créer un fichier css spécial IE (genre style-ie.css) et y appliquer des param différents qui aligneraient ton formulaire comme tu le souhaites. dans ce fichier tu y mets QUE les div à modifier, pas la peine de tout recopier, trop lourd en cas de modif du style commun...
et oublie pas de rajouter une ligne dans ton head... ;)


Message édité par dartyduck le 16-05-2007 à 23:25:59

---------------
Nikon D7000 + 18-105VR + 35mm 1.8
n°1561484
Lekouti
Posté le 16-05-2007 à 23:42:57  profilanswer
 

si effectivement ya pas de solution je prend celle ci mais que dois je mettre dasn mon head pour qu'il sache quand l'internaute est sous IE ou FF ??
 
merci je savais pas que c'etait possible ^^

n°1561487
dartyduck
n00b AttitudE
Posté le 17-05-2007 à 00:01:14  profilanswer
 

wai, dans ton head, tu ajoute ça :

Code :
  1. <!--[if IE]>
  2. <link rel="stylesheet" type="text/css" href="style-ie.css" />
  3. <![endif]-->


---------------
Nikon D7000 + 18-105VR + 35mm 1.8
n°1561548
Lekouti
Posté le 17-05-2007 à 11:32:42  profilanswer
 

nikel, je vais tenter ça ce soir.
 
Merci

n°1561552
gatsu35
Blablaté par Harko
Posté le 17-05-2007 à 11:48:19  profilanswer
 

dartyduck a écrit :

wai, dans ton head, tu ajoute ça :

Code :
  1. <!--[if IE]>
  2. <link rel="stylesheet" type="text/css" href="style-ie.css" />
  3. <![endif]-->



tain mais merde avec vos feuilles de style séparées quoi [:mlc]
 
tu fous un gentil hack IE simple :  
 
.maclass{
   margin-left:15px; /* pour tous le monde */
   _margin-left:20px; /* pour IE */
}

n°1561554
Lekouti
Posté le 17-05-2007 à 11:51:09  profilanswer
 

mais comment differancier IE de FF ?
Comment il sera que c IE et non FF ?
 
Merci

n°1561584
gatsu35
Blablaté par Harko
Posté le 17-05-2007 à 13:05:33  profilanswer
 

putain mais tu vois pas ce que je mets ou quoi ?  
 
tu écris la premiere regle :  
     margin-left:15px;
 
puis tu l'écrases par une règle que seul IE comprend (coup de l'underscore)
    _margin-left:20px;

n°1561588
tomsoft
Posté le 17-05-2007 à 13:22:28  profilanswer
 

gatsu35 a écrit :

putain mais tu vois pas ce que je mets ou quoi ?  
 
tu écris la premiere regle :  
     margin-left:15px;
 
puis tu l'écrases par une règle que seul IE comprend (coup de l'underscore)
    _margin-left:20px;


 
c'est pas evident pour tout le monde a savoir que seul IE comprend _margin...  
 
 [:spamafoote]

n°1561589
Lekouti
Posté le 17-05-2007 à 13:26:07  profilanswer
 

....j'hesite entre le merci et le va te faire foutre Gatsu35.
 
J'apprecie moyen ta façon de parler et ton intolerance.
 
Dans l'attente de te renvoyer l'ascenceur sur un sujet que tu maitrise pas

n°1561606
gatsu35
Blablaté par Harko
Posté le 17-05-2007 à 14:07:41  profilanswer
 

Lekouti a écrit :

....j'hesite entre le merci et le va te faire foutre Gatsu35.

 

J'apprecie moyen ta façon de parler et ton intolerance.

 

Dans l'attente de te renvoyer l'ascenceur sur un sujet que tu maitrise pas


Je crois que tu es mal placé pour me dire si je ne maitrise pas le sujet [:hahaguy]

 

Les hacks dans 100% des cas c'est une réécriture de la règle de base, par une règle que seul le navigateur X ou Y comprendra.

 

Seul la technique de hack du !important nécessite que la règle pour le navigateur soit mise avant :

 

Et accessoirement je t'invite à matter aussi ce site pour les hacks safari et opera :
http://tanreisoftware.com/blog/?p=39#safari

 

mais sache que qaund on sait faire des CSS, dans 99% des cas on a besoin de aucun hack. sauf pour IE5/6 et parfois (mais cas plutôt rare, pour IE7)


Message édité par gatsu35 le 17-05-2007 à 14:11:23
n°1561608
tomsoft
Posté le 17-05-2007 à 14:15:41  profilanswer
 

il critique juste ta maniere de repondre, les "tain mais merde" et "putain mais tu vois pas ce que je mets ou quoi ?  "
 
Je suis de son avis, merci pour tes reponses , ta methode marche, mais "va te faire" pour la facon de parler :)
 
Et pour sa derniere phrase, tu n'as pas du la comprendre, il te fera pareil sur un sujet que ne maitrisera pas :)
 
:jap:

n°1561643
Pitsy
Posté le 17-05-2007 à 16:06:58  profilanswer
 

Hello,
 
sous IE, ton décalage du formulaire provient de ton text-align:center dans le body qui est hérité et que IE interprète pour centrer le formulaire dans l'espace restant. Du coup tu as (1000-500-344)/2=78px de décalage.
 
Il te suffit donc de déplacer ce text-align:center de ton body à ton #menu (seul endroit où, il me semble, tu nécessites le centrage) et ton problème devrait disparaître.

n°1561750
Lekouti
Posté le 17-05-2007 à 20:42:02  profilanswer
 

effectivemennnnnntttt  !!!! :)
 
Bien vu, j'ai corrigé et plus de pb.....merci bcp

mood
Publicité
Posté le   profilanswer
 


Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Programmation
  HTML/CSS

  calé div sur une image background...IE ??

 

Sujets relatifs
[MFC] zone cliquable dans une imagePb pour afficher nom image
image sous IEMettre une image sous une autre en HTML ou PHP
[PHP] Systeme de génération d'image avec caractères : captchaimage qui sort de la page
Probleme FCKeditor (code source image)Include php avec une image?
HTML comment construire le nom d'une image?Probleme affichage image dans une applet
Plus de sujets relatifs à : calé div sur une image background...IE ??


Copyright © 1997-2022 Hardware.fr SARL (Signaler un contenu illicite / Données personnelles) / Groupe LDLC / Shop HFR