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

calé div sur une image background...IE ?? - HTML/CSS - Programmation

Marsh Posté le 15-05-2007 à 20:40:54    

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
Reply

Marsh Posté le 15-05-2007 à 20:40:54   

Reply

Marsh Posté le 15-05-2007 à 23:10:42    

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
Reply

Marsh Posté le 16-05-2007 à 19:38:56    

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

Reply

Marsh Posté le 16-05-2007 à 21:53:56    

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


---------------
Nikon D7000 + 18-105VR + 35mm 1.8
Reply

Marsh Posté le 16-05-2007 à 22:23:37    

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

Reply

Marsh Posté le 16-05-2007 à 23:00:36    

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

Reply

Marsh Posté le 16-05-2007 à 23:04:11    

tu veut obtenir l'effet FF sur ie ?

Reply

Marsh Posté le 16-05-2007 à 23:05:12    

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

Reply

Marsh Posté le 16-05-2007 à 23:07:20    

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

Reply

Marsh Posté le 16-05-2007 à 23:11:09    

les joies d'IE :love:

Reply

Marsh Posté le 16-05-2007 à 23:11:09   

Reply

Marsh Posté le 16-05-2007 à 23:23:47    

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
Reply

Marsh Posté le 16-05-2007 à 23:42:57    

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 ^^

Reply

Marsh Posté le 17-05-2007 à 00:01:14    

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
Reply

Marsh Posté le 17-05-2007 à 11:32:42    

nikel, je vais tenter ça ce soir.
 
Merci

Reply

Marsh Posté le 17-05-2007 à 11:48:19    

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 */
}

Reply

Marsh Posté le 17-05-2007 à 11:51:09    

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

Reply

Marsh Posté le 17-05-2007 à 13:05:33    

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;

Reply

Marsh Posté le 17-05-2007 à 13:22:28    

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]

Reply

Marsh Posté le 17-05-2007 à 13:26:07    

....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

Reply

Marsh Posté le 17-05-2007 à 14:07:41    

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
Reply

Marsh Posté le 17-05-2007 à 14:15:41    

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:

Reply

Marsh Posté le 17-05-2007 à 16:06:58    

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.

Reply

Marsh Posté le 17-05-2007 à 20:42:02    

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

Reply

Marsh Posté le    

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed