Probleme de CSS sur internet exploreur

Fermé
Kayne - 23 oct. 2007 à 19:19
 Kayne - 25 oct. 2007 à 22:03
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

6 réponses

kwaio Messages postés 3416 Date d'inscription mercredi 21 mars 2007 Statut Contributeur Dernière intervention 28 mars 2011 681
23 oct. 2007 à 19:23
T'as mis quoi dans l'en-tête de tes pages HTML ?
0
IgiXcs Messages postés 172 Date d'inscription jeudi 20 septembre 2007 Statut Membre Dernière intervention 28 décembre 2008 94
23 oct. 2007 à 19:26
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 mercredi 20 juillet 2005 Statut Contributeur Dernière intervention 20 février 2023 2 775
23 oct. 2007 à 22:43
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
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
Bonjour,
Merci a tous pour vos réponses je vais essayer de corriger ce probleme
0
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