Probleme de CSS sur internet exploreur

Kayne -  
 Kayne -
Bonjour,
Voila en fait j'ai un probleme avec internet exploreur et le CSS de mon site.
Avec Firefox ca marche parfaitement mais avec Internet Exploreur C comme si je n'avais pas mis de CSS. Comme si il n'accedait pas au fichier externe. Ca vient pas de ca j'ai aussi essayer de l'inclure dans des balises, ca change rien.
Voila l'adresse de mon site : http://tripamort.free.fr/
et le code CSS de celui-ci:
body
{
	background-color: yellow;
}

#page
{
   position:relative;
   margin-left:20px;
   width: 1024px ;
   background-image: url("../../index_fichier/acceuil_fond.gif");
   background-repeat: repeat-y;
}

.tete
{
position:relative;
}

titre
{
   margin-left: 10px ;
   margin-top: 20px;
   color: black;
   font-size: x-large;
   font-family: "Arial Black", serif ;
      
}

stitre
{
   color: gray;
   font-size: large;
   font-family: "forte", serif ;
   font-style: italique ;
   background-color: yellow;
}

txt
{
   margin-left: 20px ;
   color: white;
   font-size: large;
   font-family: "Arial", serif ;
}

strong
{
	color: yellow
}

form
{
margin-left: 20px;
}

.fenetre_barre
{
	margin-left: 10px;
	border: 5px solid black;
	width: 316px;
	background-image: url("../../index_fichier/news_fond.gif");
	background-repeat: repeat-x;
}

.news_fenetre
{
	margin-left: 10px;
	border: 5px solid black;
	width: 600px;
	background-image: url("../../index_fichier/news_fond.gif");
	background-repeat: repeat-x;
}

.news_ferme
{
	width: 265px;
	height: 30px;
	margin-left: 10px ;
	background-image: url("../../index_fichier/fenetre_fermee.gif");
	background-repeat: no-repeat;
}

.news_ouverte
{
	border: 1px solid black;
	position:relative;
	width: 500px;
	margin-left: 10px ;
	background-image: url("../../index_fichier/fenetre_ouverte.gif");
	background-repeat: repeat-x;
}

.aucun
{
	text-decoration: none;
	color: black;
	font-size: small;
}

.aucun:focus, .aucun:active
{
	text-decoration: none;
	color: black;
	font-size: small;
}


a
{
	
	color: yellow ;
	text-decoration: none;
	font-size: large;
}

.noir
{
	
	color: black ;
	text-decoration: none;
	font-size: large;
}

a:hover
{
	color: black ;
	background-color: yellow;
	
}

a:active, a:focus
{
	color: yellow ;
	background-color: orange;
}

#espace_news
{
	width: 265px ;
	margin-left: 10px ;
	background-image: url("../../index_fichier/fenetre_ouverte.gif");
	background-repeat: repeat-x;
	border: 5px solid red;
}

pi
{
	size: large ;
	color: silver ;
	font-style: italique ;
	background-color:black ;
}

.commentaires
{
	color:black;
	margin-left: 10px;
	position:relative ;
	background-color: yellow;
	width: 295px;
	border: 3px solid white ;
}


contenu
{
	color: orangered ;
	font-size: large;
}
	
#corps
{
		position:relative ;
		margin-left: 350 ;
		width: 670 ;
		background-image: url("../../index_fichier/corps.gif");
		border: 2px solid black ;
}

#pied_de_page
{
	position:relative;
	color: black ;
	background-color: white ;
	font-size: small ;
	font-weight: bold ;
}

#fenetre_jeux
{
	position: relative;
	margin-left: 350px ;
	background-image: url("../../jeux/fenetre.GIF");
	width: 592 ;
	height: 419 ;
}
	
.fenetre_corps
{
		border: 2px solid black ;
		width: 540 ;
		background-image: url("../../index_fichier/fenetre_corps.gif");
		margin-left: 10px ;
}

.fenetre_post
{
		border: 2px solid black ;
		width: 550 ;
		background-color: orange;
		margin-left: 10px ;
}

Merci d'avance pour vos réponses
A voir également:

6 réponses

kwaio Messages postés 3423 Date d'inscription   Statut Contributeur Dernière intervention   681
 
T'as mis quoi dans l'en-tête de tes pages HTML ?
0
IgiXcs Messages postés 172 Date d'inscription   Statut Membre Dernière intervention   94
 
10 belles fautes :p

http://jigsaw.w3.org/css-validator/

j'èspère que celà t'aidera!
0
Gihef Messages postés 5150 Date d'inscription   Statut Contributeur Dernière intervention   2 779
 
T'as vu ?
Les réponses sont plus rapides (-;

Oui, il faut que tu corriges ces choses qui n'existent pas en CSS ou qui sont mal utilisées.

Les dimensions, à part le 0, nécessitent des unités.
Essaye en px. “width: 295px;” ou ”margin-left: 350px;”

“size: large;” n'existe pas parce que “size” n'existe pas.
Tu veux certainement dire “font-size”.
“large” doit certainement équivaloir “1em”.

Si tu en as la possibilité, utilise les codes des couleurs à la place de leurs noms.
“ orangered” vaut “#ff4500”.
Tu t'y feras très vite.

Et puis, “Arial” (pas besoin des guillemets), “"Arial Black"” (besoin des guillemets) et “serif” ne sont pas de la même famille. Arial est “sans-serif”.
“Forte”, je ne la connais pas, mais j'ai l'impression que c'est une “ fantasy” (tous les navigateurs ne les prennent pas en compte. Chez moi, ça affiche une serif).

Peut-être que ça suffira ?

C'est possible.
Mais revois quand-même le code HTML parce que, là aussi, ça cloche.

--
0
Ben
 
Bonsoir Kayne,

D'abord, n'avoir qu'une seule balise HEAD plutôt que 2 pourrais sûrement aider.

Ensuite tu devrais essayer d'utiliser moins de "position:absolute" ou "position:relative" qui donne un résultat aléatoire selon le browser.
Essaye plutôt avec la fonction "float:right" et "float:left"

Puis tu devrais éviter d'utiliser la balise P avec   pour créé des espaces
Prend plutôt les fonctions "padding: 5px 5px 5px 5px;" et "margin: 5px 10px 15px 5px" ça permet d'être plus précis et en plus d'avoir un code valide.

Car évidement le meilleur conseil est celui de IgiXcs. Avoir un code valide !
La meilleur façon pour y arriver est d'utiliser le module de Firefox : https://addons.mozilla.org/fr/firefox/addon/html-validator/


Ben
0

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
Kayne
 
Bonjour,
Merci a tous pour vos réponses je vais essayer de corriger ce probleme
0
Kayne
 
Bonjour,
Voila, j'ai plus de faute de CSS selon http://jigsaw.w3.org/css-validator/ mais pourtant l'affichage sous IE reste mauvais alors que sous firefox ca marche pareil qu'avant c'est a dire très bien
0