28220 sujets

CSS et mise en forme, CSS3

[Résolu]IE qui continue a faire des siennes pour du positionnement....

Bonjour tout le monde j'ai eu beau fouiller, tester, et refouiller et retester rien n'y fait : IE a décidé de me faire ***** ...

Si quelqu'un saurait répondre à ces deux questions j'en serais plus que ravi:

1) mes div sont nickel sur FF pas de soucis mais sur IE regardez ce qu'il me fait --> http://chatnoar.free.fr/FoOjin/index.php?page=news
la div placée à droite qui n'est censé contenir rien d'autre qu'un background se place tout en haut en décalant tout le reste du site...
Moi pas comprendre comment corriger ça...

2) sous IE Mac j'ai remarqué que tout mes sites ne loadait (du verbe loader :o ...) pas les background. est-ce normal ? est ce que IE mac est tellement vieu et pas mis à jour qu'il ne connait même pas cette fonction ?

Bref j'ai plus besoin d'une réponse pour la première question que la deuxième. Alors si quelqu'un veut bien m'aider, n'hésitez pas :o

En cas de besoin, je poste mon css ci dessous


html, body {
           margin : 0;
           padding : 0;
           font-family : verdana, arial, sans-serif;
           font-size : 11pt;
           text-align : center;
		   background-color: #ffffff;
           color : #000000;
      }
     #global {
	       position: static;
		   width : 635px;
           margin-right : auto;
           margin-left : auto;
           margin-top : 10px;
           margin-bottom : 15px;
           text-align : left;
      }
     #entete {
	       width : 550px;
           height : 151px;
           padding : 0;
           background-image : url('images/Design_03.jpg');
      }
     #corps {
           width : 550px;
           background-image : url('images/Design_05.jpg');
		   overflow : auto;
		   }  
	 #colonnedroit {
	       position: relative;
	       width : 85px;
		   height : 505px;
		   background-image : url('images/colonnedroit.jpg');
		   float: right;
		   }
	 #cit {
	       text-align: center;
		   font-weight: bold;
		   margin: 30px;
		   padding: 10px;
		   color: #0066FF;
		   border-style: groove;
		   border-color: #64B6CB;
		   }
     #pieddepage {
	       width : 550px;
           height : 111px;
           padding : 0;
           text-align : center;
           background-image : url('images/Design_06.jpg');
           clear : both;
      }
	 #compteur {
	       color : #000000;
		   font-style : italic;
		   font-size : 12px;
		   text-align : center;	
	  }		
	 #news {
	 	   text-align: center;
		   color: #000000;
           font-size : 9pt;
	  }
	 #typo {
	       font-style : italic;
		   font-size : 13pt;	
		   color: #0066FF;
		   font-variant: small-caps;
	  }
	 #box {
	 	   border-style: groove;
		   border-color: #64B6CB;
		   margin: 30px;
		   padding: 10px;
		  }
     img.png {
           behavior: url(png.htc);
      }   
     p {
           padding : 0;
           margin : 0;
           font-size : 0.85em;
      }
     a {
           color : #000000;
           text-decoration : none;
		   font-size : 10pt;
      }
     a:hover {
           color : #000000;
           text-decoration : underline;
		   font-size : 11pt;
      }
     h1 {
   		   font-size: 13pt;
   		   color: #0066FF;
   		   text-align: center;
      }
    .Style1 {
           font-size: 11pt;
           text-align: center;
		   font-style: italic;
		   padding: 10px;
      }
	.Title {
	       font-weight: bold;
		   text-align: center;
		   font-size: 10pt;
		   }  
	.sign {
	       font-style: italic;
		   font-size: 7pt;
		   text-align: center;
		   }


Merci d'avance Smiley smile

KnS
Modifié par KnS (25 Oct 2005 - 20:23)
Bonjour KnS.
KnS a écrit :

2) sous IE Mac j'ai remarqué que tout mes sites ne loadait (du verbe loader :o ...) pas les background. est-ce normal ? est ce que IE mac est tellement vieu et pas mis à jour qu'il ne connait même pas cette fonction ?

IE/Mac ne sait pas voir les images entre guillemets simples. Les guillemets ne servant à rien, mieux vaut ne pas en mettre du tout.
Rhooo la loose...

Faut que les utilisateurs de MAC arrêtent définitivement d'utiliser ce navigateur... ça devient trop restrictif à force.
Bah nan pas vraiment... j'ai pas eu réponse à la première question qui est la plus importante Smiley ohwell
KnS a écrit :

1) mes div sont nickel sur FF pas de soucis mais sur IE regardez ce qu'il me fait --> http://chatnoar.free.fr/FoOjin/index.php?page=news
la div placée à droite qui n'est censé contenir rien d'autre qu'un background se place tout en haut en décalant tout le reste du site...
Moi pas comprendre comment corriger ça...

as-tu besoin de mettre l'id colonnedroit en relative ? je sais qu'on peut chercher à ne pas abuser de la position absolute, mais ça réglerait peut-être bien le problème....
ben en fait avant j'avais pas mis de propriété "position" et j'avais le même problème, et c'est en cherchant solution à mon problème que j'ai rajouter le "position relative" et sans succès...
donc je doute que ça vienne de là
pour update un peu je voudrais préciser que cette erreur de décalage est, en plus d'IE, aussi présente sur Safari et Opera mais tout fonctionne sur FF pc et mac, camino et netscape.
Bon j'ai trouvé la solution à mon problème...

mon bloc de droite débordait de 2 px sur les autres blocs d'où le décalage... 2
pauvres !@"#? de px...

bref résolu quoi...
Sujet clos
Aller à