Mise en forme compatible entre IE et Firefox

Question

Maeze

6 Sep 2008 à 15:00

Bonjour,

Je recherche une petite aide pour la relecture de mon CSS,
J'ai un design parfait sur Firefox,
Mais un décalage et une non reconnaissance des icônes en PNG.

L'adresse de mon site : http://salleu2000.idoo.com/
(Pour pouvoir la visionner sous Firefox et IE)

Si quelqu'un pourrait m'aider ...

En remercient d'avance,
Cordialement

------------------------------- Mon CSS -------------------------------

html{
	background:url('../images/bg.jpg') repeat-y;
	background-position: center;
	background-color:#D1C3A9;
}

body {
	color:#000000;
	font-family:Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size:70%;
	position:absolute;
	width: 792px;
	height: auto;
	min-height: 100%;
	left: 50%;
	margin-left: -396px; /* moitié de la largeur */
	/*border: 1px solid #000f2a;*/
	margin-top:0px;
	
}

div#conteneur {
	width:792px;
	height:auto;
}
	
div#header {
	background:url('../images/header.jpg') no-repeat;
	width:792px;
	height:392px;
}

div#date {
	position:absolute;
	margin-top:270px;
	margin-left:490px;
}

div#menu{
	width:200px;
	height:auto;
	float:left;
}

div#contenu{
	padding-left:27px;
	padding-right:27px;
}

div#menuforme {
	background:url('../images/m_footer.jpg') no-repeat bottom #FFFFFF;
	width:200px;
	height:auto;
	padding-bottom:15px;
	margin-bottom:12px;
	}

div#menuforme h2 {
	width:200px;
	height:19px;
	background:url('../images/h2_m.jpg') no-repeat;
	text-align:center;
	padding-top:3px;
	}

div#menuforme ul {
	padding-left:4px;
	padding-top:10px;
	width:194px;
	border-left:1px solid #D2CDC4;
	border-right:1px solid #D2CDC4;
	}
	
div#menuformecentre {
	border-left:1px solid #D2CDC4;
	border-right:1px solid #D2CDC4;
}

div#menuforme li { height:15px; margin-bottom:3px; padding-left:18px; background:url('../images/li.jpg') no-repeat; }
div#menuforme lu { height:15px; margin-bottom:3px; padding-left:18px; background:url('../images/lu.jpg') no-repeat; }

img { display:block; margin:0; padding:0; }
ul , li { margin:0; padding:0; list-style-type:none; }
a { color:#333333; text-decoration:none; font-weight:bold; }
a:hover { color:#D1C3A9; font-weight:bold; }
a img { border:0; }
h1 { text-align:left; margin:0; padding:0; font-size:150%; }
h2 { margin:0; padding:0; font-size:100%; }
h3 { margin:0; padding:0; font-size:120%; }
h4{ height:15px; font-size:12px; font-family:Verdana, Tahoma, Arial, Helvetica, sans-serif; margin:0px; padding-left:18px; background:url('../images/li.jpg') no-repeat; }
p { margin:0; padding:5px; }
div.clear { clear:both; }

div#centre {
	width:514px;
	height:auto;
	float:right;

}
	
div#centreheader {
	width:514px;
	height:19px;
	background:url('../images/h2_t.jpg') no-repeat;
	text-align:center;
	padding-top:3px;
}
	
div#centrecentre {
	width:492px;
	height:auto;
	background-color:#ffffff;
	border-left:1px solid #D2CDC4;
	border-right:1px solid #D2CDC4;
	padding:10px;
	text-align:justify;
}
	

div#centrefooter {
	background:url('../images/t_footer.jpg') no-repeat bottom #FFFFFF;
	width:514px;
	height:51px;
}

div#footer {
	width:792px;
	height:189px;
	background:url('../images/footer.jpg') no-repeat;
	clear:both;
	}

div#footer p {
        text-align:center;
        }
        
div#admin {
	position:absolute;
	margin-top:-146px;
	margin-left:43px;
}

div#lien {
	position:absolute;
	margin-top:500px;
	margin-left:43px;
}

div#firefox {
	position:absolute;
	margin-top:800px;
	margin-left:43px;
}

div#photo {
	position:absolute;
	margin-top:-150px;
	margin-left:180px;
}

div#visiteur {
	position:absolute;
	margin-top:240px;
	margin-left:135px;
}
div#contact {
	position:absolute;
	margin-top:80px;
	margin-left:330px;
}

div#news{

text-align:center;
margin:auto;
}

div#image{
	position:absolute;
	width:257px;
	height:280px;
	margin-top:-200px;
	margin-left:200px;
	background:url('../images/UCE.jpg');
}

------------------------------- Fin CSS -------------------------------
Modifié par Maeze (06 Sep 2008 - 18:11)

6l20

6 Sep 2008 à 16:18

Bonjour Maeze,

En tant que modérateur, je me dois de te faire remarquer que tu n'as malheureusement pas respecté l'une des Règles de base du forum qui est d'afficher les codes et exemples proprement à l'aide des boutons [ code]... ici ton code HTML, CSS, PHP, etc.[ /code] (sans espace).

Je te remercie par avance de bien vouloir éditer ton message afin de le rendre conforme à cette règle. Smiley cligne

D'ailleurs, je rappelle que le lien qui apparaît en bandeau tout en haut du forum ("Nouveau sur le forum ?...") est important. Il contient des pistes de recherche, des indications sur les règles de vie de la communauté, etc.
Il serait courtois de ta part de bien vouloir en prendre connaissance.

Je t'invite également à venir te présenter à la communauté qui t'accueille avec grand plaisir

Cdt,
Sylvain

ghost

6 Sep 2008 à 21:08

Salut,

Un petit souci là


<div id="visiteur">
- <script type='text/javascript' src='http://tools.idoo.com/counter/?log=salleu2000&id=174508'></script> personnes sont passées sur | SallEU2000 | crée en juin 2008
</div>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr"
lang="fr">

<head>

Tu as du code html avant la déclaration du doctype Smiley cligne

d'après moi il n'a rien à faire là ....

Maeze

6 Sep 2008 à 21:11

Oui, exactement ici il y a déjà un problème, je vais le corriger immédiatement,
Mais je ne pense pas, que ceci est la cause du problème de compatibilité !

Merci,

Maeze

6 Sep 2008 à 21:22

Énorme merci à toi GHOST, juste cette erreur ma fait perdre mon temps, je suis passer devant certainement plusieurs fois sans la voir.

Je te remercie !

:Matt Smiley biggrin

6l20

6 Sep 2008 à 22:41

Hello Maeze,

A propos du mode quirks dont je te parlais en mp plus tôt Smiley cligne

Sers-toi tu validateur du W3C pour corriger le reste des erreurs :
http://validator.w3.org/

Cdt,
Sylvain

Arrmani

8 Sep 2008 à 17:33

Bonjour.

Je constate un décalage dans l'affichage des sous-rubriques de mon site sous FireFox et IE. Je voudrais savoir si je peux exposer mon problème dans ce poste ou il vaux mieux créer un nouveau sujet? Merci

6l20

8 Sep 2008 à 17:56

Arrmani a écrit :
Bonjour.

Je constate un décalage dans l'affichage des sous-rubriques de mon site sous FireFox et IE. Je voudrais savoir si je peux exposer mon problème dans ce poste ou il vaux mieux créer un nouveau sujet? Merci

Bonjour Arrmani Smiley smile

Il vaut mieux créer ton propre sujet, merci de ta compréhension Smiley cligne

Modifié par 6l20 (10 Sep 2008 - 22:19)

Sujet clos

CSS et mise en forme, CSS3

Mise en forme compatible entre IE et Firefox