Le DVD vidéo de Florent V. :

Elephorm apprendre XHTML et CSS
Rechercher dans le sujet :
Forum
» CSS et mise en forme
» Mise en forme compatible entre IE et Firefox
Auteur
Maeze
# 06 Sep 2008 - 15:00:14
Citer
4 Posts
 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)
: Matt
^
6l20
# 06 Sep 2008 - 16:18:10
Citer
Les kiwis...quand je veux !
Modérateur
1825 Posts
 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. cligne

previews/12813-1-code.gif

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
XHTML: structure. CSS: présentation. Javascript: comportement.
^
ghost
# 06 Sep 2008 - 21:08:59
Citer
1720 Posts
 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 cligne
d'après moi il n'a rien à faire là ....
En essayant continuellement, on fini par réussir. Donc: plus ça rate, plus on a de chances que ça marche.
http://ghost-pc-buster.com 
^
Maeze
# 06 Sep 2008 - 21:11:57
Citer
4 Posts
 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,
: Matt
^
Maeze
# 06 Sep 2008 - 21:22:45
Citer
4 Posts
 É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 biggrin
: Matt
^
6l20
# 06 Sep 2008 - 22:41:44
Citer
Les kiwis...quand je veux !
Modérateur
1825 Posts
 Hello Maeze,

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

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

Cdt,
Sylvain
XHTML: structure. CSS: présentation. Javascript: comportement.
^
Arrmani
# 08 Sep 2008 - 17:33:23
Citer
13 Posts
 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
msn 
^
6l20
# 08 Sep 2008 - 17:56:38
Citer
Les kiwis...quand je veux !
Modérateur
1825 Posts
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 smile

Il vaut mieux créer ton propre sujet, merci de ta compréhension cligne
Modifié par 6l20 (10 Sep 2008 - 22:19)
XHTML: structure. CSS: présentation. Javascript: comportement.
^
Prévenir un modérateur
Répondre au sujet
Aller à
Powered by Phedio v3.8.5 beta in 7.6 ms © dew