Tom's Guide > Forum > Programmation > Mon site : Probleme sous IE :(

Mon site : Probleme sous IE :(

Forum Programmation : Mon site : Probleme sous IE :(

TomsGuide.com : 800 000 inscrits répondent à toutes vos questions high-tech et informatique. Pour obtenir de l'aide, inscrivez-vous gratuitement !
Créer un nouveau sujet Répondre
Mot :    Pseudo :           
 
Juni0r   14-06-2007 à 08:32:45

Bonjour,

J'ai un sacré embêtant problème... Je suis actuellement en train de développer un site pour mon club de taekwondo, mais malheureusement j'ai un monstre problème sous IE.

Sous firefox tout tourne, mais IE décale complétement les div...

Voici l'adresse provisoire :

http://www.omne.ch/gmehlin/TKD

le CSS :

http://www.omne.ch/gmehlin/TKD/stylesheet.css

##

La ligne dans le CSS qui permet de bouger le calque foireux se trouve à la section suivante :

Citation :


#menu {
background-color: #e6e6e6;
float: left;
height: 620px;
margin-left: 13px;
width: 181px;

}



Quand je met la margin à environ 4px, sous IE ca donne bien, mais après c'est Firefox qui affiche pas comme il faut...

Si vous avez besoin de plus d'informations dites le moi je vous les donnerai avec plaisir.


Merci en tout cas en avance aux personnes qui vont prendre le temps de m'aider :)

Message cité 1 fois
------------------------------ Flo
Répondre
Liens sponsorisés
Inscrivez-vous ou connectez-vous pour masquer ceci.
kayner   14-06-2007 à 09:19:02
- 0 +

essai avec ca :

#menu {
background-color: #e6e6e6;
float: left;
height: 620px;
margin-left: 4px !important;
margin-left: 13px;
width: 181px;
}

Répondre à kayner
Juni0r   14-06-2007 à 10:15:11
- 0 +

Salut Kayner,

Merci pour ta réponse, Mais malheureusement avec ta solution, ça décale et sous IE (ca change rien donc) mais aussi sous Firefox :( Il ne prends pas le margin-left de 13 px...

------------------------------ Flo
 Répondre à Juni0r
kayner   14-06-2007 à 11:35:33
- 0 +

et comme ca alors :

margin-left: 4px !important;
margin-left: 13px;

Répondre à kayner
cheval_boiteux   14-06-2007 à 12:47:40
- 0 +

Il faut que tu recherche une fonction qui te permet de connaitre le navigateur de l'internaute et ensuite selon le navigateur, tu changes le CSS.

------------------------------ http://www.quentin-theuret.net
 Répondre à cheval_boiteux
Juni0r   14-06-2007 à 14:09:34
- 0 +

@Kayner : Malheureusement rien non plus :( ... le ! est censé faire quoi ?

@cheval_boiteux : Oui, mais je n'en connais absolument pas :/ ... je vais essayer de regarder sur le Net. Merci !.


P.S. Si quelqu'un d'autre a des solutions a proposer je serais ravi de les essayer !

------------------------------ Flo
 Répondre à Juni0r
cheval_boiteux   14-06-2007 à 21:38:11
- 0 +

Voilà une fonction, j'ai noté tes design par designMozilla.css, designIE.css, designOpera.css :


<?
if (ereg("MSIE", $_SERVER["HTTP_USER_AGENT"]))
{
$design="designIE.css";
}
else if (ereg("^Mozilla/", $_SERVER["HTTP_USER_AGENT"]))
{
$design="designMozilla.css";
}
else if (ereg("^Opera/", $_SERVER["HTTP_USER_AGENT"]))
{
$design="designOpera.css";
}
else
{
//Par défaut, le design sera celui de IE
$design="designIE.css";
}
?>

------------------------------ http://www.quentin-theuret.net
 Répondre à cheval_boiteux
cheval_boiteux   14-06-2007 à 22:27:30
- 0 +

@kayner : C'est bien beau ton lien, mais depuis septembre 2006, IE7 est sorti.

------------------------------ http://www.quentin-theuret.net
 Répondre à cheval_boiteux
kayner   15-06-2007 à 09:15:49
- 0 +

les sites se font encore majoritairement pour IE7 IE6 et FF

Répondre à kayner
Juni0r   15-06-2007 à 09:28:01
- 0 +

Ha cheval_boi teux, ton script fonctionne t'es un chef !

@kayner : Les important de fonctionnent pas :( Mais merci quand meme !

------------------------------ Flo
 Répondre à Juni0r
Juni0r   15-06-2007 à 09:28:20
- 0 +

Merci a vous ! vous me sauvez :D

------------------------------ Flo
 Répondre à Juni0r
tracks@idn   15-06-2007 à 15:12:19
- 0 +

tu peut aussi utiliser les commentaires conditionelles :

Code :
  1. <!--[if IE]>
  2.   ..ici, code HTML réservé à IE...
  3. <![endif]-->

Répondre à tracks@idn
candygirl@idn   15-06-2007 à 16:41:22
- 0 +

Juni0r a écrit :

Sous firefox tout tourne, mais IE décale complétement les div...


Tu pourrais être un peu plus précis ?

Sur IE6 tu as le corps qui passe en-dessous à cause du bug du double-margin. Ajouter un display:inline à ton menu devrait résoudre ce problème:

Code :
  1. #menu {
  2.   background-color: #e6e6e6;
  3.   float: left;
  4.   height: 620px;
  5.   margin-left: 13px;
  6.   width: 181px;
  7.   display:inline;
  8. }



ensuite tu devrais revoir l'include de ton corps; tu rebalances un doctype, le head etc... au milieu de ton document...

Aussi tu utilises plusieurs fois le même id sur ta page ce qui est proscrit; tu dois utiliser une class à la place (objetMenu,categorie,...). Tu peux t'aider du validateur pour obtenir un code propre.

Perso je te déconseille la détection de navigateur (plutôt boiteux comme méthode ;)). Avec un montage bien pensé tu dois arriver à un bon résultat tous nav avec un seul fichier css.

Enfin pour tes news non centré, il faut regarder dans ton css qui contient 2-3 choses pas très catoliques. Un échantillon (j'ai pas tout regardé):

Code :
  1. #main {
  2.         padding: 15px, 15px, 30px, 15px;
  3.     }
  5. div.blockTitle {
  6.         width: 90%px;
  7. }
  9. #objetMenu {
  10.     //    margin: 0px ;
  11. }



  • Tu ne dois pas mettre de virgules entre les différentes valeurs de la propriété raccourcie padding
  • % ou px, il faut choisir ;)
  • le // n'est pas un commentaire css. Très probablement que IE prend en compte le margin:0 et que FF l'ignore pour faute de syntax en début, d'où tes news non centrées sur IE


Répondre à candygirl@idn
Créer un nouveau sujet Répondre
Tom's Guide > Forum > Programmation > Mon site : Probleme sous IE :(
Aller à :

Il y a 2396 utilisateurs connus et inconnus. Pour voir la liste des connectés connus, cliquez ici.

Plan du forum
Forum Bestofmedia ©
2000-2009 Bestofmedia Group
Page générée en 0,525 secondes
Attention

Vous allez répondre sur un sujet resté inactif pendant plus de 6 mois.
Assurez-vous d'apporter des éléments nouveaux à la discussion avant de poursuivre.

Répondre Annuler
Liens