18073 sujets

Questions générales et questions de débutants

Compatible iE mais pas firefox

Bonjour, cela un moment que j'me creuse la tête mais j'sais pas pourquoi mon site s'affiche correctement dans ie mais dans firefox il y a des décalages au niveaux du centre de la page...
Voici mon code:
<!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>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type="text/css">
html, body {
width: 100%;
height: 100%;
overflow: hidden;
}
body {
margin: 0;
padding: 0;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #4C4C4C;
background-color: #ffffff; /*couleur de fond blanche*/

SCROLLBAR-FACE-COLOR: #FFC0B6; 
SCROLLBAR-HIGHLIGHT-COLOR: #FFC0B6; 
SCROLLBAR-SHADOW-COLOR: #FF1493; 
SCROLLBAR-3DLIGHT-COLOR: #FF1493; 
SCROLLBAR-ARROW-COLOR: #FF1493; 
SCROLLBAR-DARKSHADOW-COLOR: #AAAAAA; 
SCROLLBAR-TRACK-COLOR: #EFEFEF; 
}
.conteneur { /*le conteneur global du site, qui sera centré */
width: 775px;
height: 580x;
position:absolute;
left: 50%; 
top: 50%;
margin-left: -387.5px;
margin-top: -290px;
background-color: #FFFFFF;
}

.header {
height: 140px;
background-image: url(images/Header.gif);
}
.menu {
margin-left: 13px;
margin-right: 13px;
margin-top:74px;
text-align: center;
width: 750px;
height: 61px;
background-color: #FFC0CB;
}
.frame {
padding-left: 5px;
padding-bottom: 5px;
padding-top: 10px;
margin-left: 10px;
margin-right: 10px;
width: 749px;
height: 295px;
overflow: auto;
background-color: #FFFFFF;
}
.center {
height: 300px;
background-image: url(images/Center.gif);
}
.footer {
height: 130px;
background-image: url(images/Footer.gif);
}
.copyright {
text-align: center;
margin-top: 97px;
height: 20px;
}
.home_trait {
background-image: url(images/Trait_BackGround.gif);
height: 290px;
width: 13px;
margin-top: 5px;
margin-left: 320px;
margin-bottom: 5px;

}
p {margin: 0 0 10px 0;}


</style>
</head>

<body>
<div class="conteneur">
  <div class="header">
    <div class="menu">
		    <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="643" height="61">
              <param name="movie" value="images/menu.swf" />
              <param name=quality value=high />
              <embed src="images/menu.swf" quality=high pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="643" height="61"></embed>
            </object>
    </div>
  </div>
  <div class="center">
    <div class="frame">
	<? include ("default.php"); ?>
    </div>
  </div>
  <div class="footer">
	<div class="copyright">

	</div>
  </div>
</div>
</body>
</html>


Merci de votre aide. Smiley cligne
layers87 a écrit :
Est-ce que quelqu'un pourait m'aider? ça serait sympa. merci

Ca va venir, ne t'inquiètes pas, le dimanche quelques "geeks" doivent en profiter pour prendre l'air Smiley cligne .
En attendant profites en pour venir te présenter au bar du forum.
Sinon as-tu déjà fait un tour dans les ressources et les tutoriels. Dans ces derniers tu trouveras peut-être des modèles de mise en page plus adaptés:
Tutoriels Alsacréations
humm ! Smiley hum 

<body>
<div class="conteneur">
  <div class="header">
    <div class="menu">
		    <img src="images/Menu.gif" alt="Menu" />

    </div>
  </div>
  <div class="center">
    <div class="frame">

	[b][#red]<style type="text/css">
<!--
@import url("perles.css");
-->
</style>[/#][/b]
<div class="home_trait">
	</div>


    </div>
  </div>
  <div class="footer">
	<div class="copyright">
	</div>
  </div>
</div>
</body>

Je pense que tu vas devoir commencer par le commencement :
http://www.alsacreations.com/articles/
Modifié le 06 Dec 2004 - 04:30
Sujet clos
Aller à