Se connecter avec
S'enregistrer | Connectez-vous

Mon site : Probleme sous IE :(

Dernière réponse : dans Programmation

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 :) 

Autres pages sur : site probleme

Lassé par la pub ? Créez un compte

@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 !

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";
}
?>

Juni0r a dit :
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:
  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é):
  1. #main {
    

  2. 		padding: 15px, 15px, 30px, 15px;
    

  3. 	}
    

  4.  
  5. div.blockTitle {
    

  6. 		width: 90%px;
    

  7. }
    

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

    Lassé par la pub ? Créez un compte

    Créer un nouveau sujet

    Tom's guide dans le monde