Bonjour,
Voilà, en fait j'ai enfin réussi à faire tout mon CSS et même une pseudo frame alors que je ne touche absolument pas au PHP.Je suis sur un FTP provisoire en ce moment mais j'ai un problème.Sous firefox,aucun problème, le fond de m frame est fixe.Sous AOL et IE, par contre, il se répète ce que je veux absolument éviter car ce fond n'est pas duplicable.
http://insahn.free.fr
C'est le FTP provisoire. ( Ne tenez pas compte de la validité des pages incluses, je teste seulement ).Seule la page biographie est déjà réalisée et encore, n'est pas finie du tout.
Alors voici mon code XHTML :
Et mon CSS:
Merci à celui qui pourra m'aider :s
EDIT: Si c'est la fonction "background-attachement: fixed;", j'ai essayé a de multimples endroits, dansle CSS du corps centre , etc , mais rien à faire :s, AOL et IE n'en veulent pas !
Modifié par Ihsahn (09 Mar 2005 - 13:00)
Voilà, en fait j'ai enfin réussi à faire tout mon CSS et même une pseudo frame alors que je ne touche absolument pas au PHP.Je suis sur un FTP provisoire en ce moment mais j'ai un problème.Sous firefox,aucun problème, le fond de m frame est fixe.Sous AOL et IE, par contre, il se répète ce que je veux absolument éviter car ce fond n'est pas duplicable.
http://insahn.free.fr
C'est le FTP provisoire. ( Ne tenez pas compte de la validité des pages incluses, je teste seulement ).Seule la page biographie est déjà réalisée et encore, n'est pas finie du tout.
Alors voici mon code XHTML :
<!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">
<head>
<title>Hail.The.Emperor ^-:-^ Unofficial Web-Empire</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" media="screen" type="text/css" title="Style" href="emperor.css" />
</head>
<body>
<!-- Header -->
<div id="header">
</div>
<!-- Menus -->
<div id="menu">
<a id="empire" href="index.php?page=empire" title=""></a>
<a id="biographie" href="index.php?page=biographie" title=""></a>
<a id="discographie" href="index.php?page=discographie" title=""></a>
<a id="images" href="index.php?page=images" title=""></a>
<a id="lyrics" href="index.php?page=lyrics" title=""></a>
<a id="traduction" href="index.php?page=traduction" title=""></a>
<a id="materiel" href="index.php?page=materiel" title=""></a>
<a id="tablatures" href="index.php?page=tablatures" title=""></a>
<a id="medias" href="index.php?page=medias" title=""></a>
<a id="contact" href="index.php?page=contact" title=""></a>
<a id="liens" href="index.php?page=liens" title=""></a>
</div>
<!--Style Corps-->
<div id="corps_gauche">
</div>
<div id="corps_centre">
<?php
if (!isset($_GET['page'])) $page= 'accueil'; else $page= $_GET['page'];
switch($page)
{
case 'empire': include ('empire.htm');break;
case 'biographie': include ('biographie.htm');break;
case 'discographie':include ('discographie.htm');break;
case 'images':include ('images.htm');break;
case 'lyrics': include ('lyrics.htm');break;
case 'traduction': include ('traduction.htm');break;
case 'materiel':include ('materiel.htm');break;
case 'tablatures':include ('tablatures.htm');break;
case 'medias': include ('medias.htm');break;
case 'contact': include ('contact.htm');break;
case 'liens':include ('liens.htm');break;
}
?>
</div>
<div id="corps_droit">
</div>
<!--Style Footer-->
<div id="footer">
</div>
</body>
</html>
Et mon CSS:
/*CSS Document*/
/*Style Général*/
body
{
width:1000px;
margin-bottom: 10px;
background-color:#000000;
margin-top:10px;
margin:auto;
}
/*Style Header*/
#header
{
width:992px;
height:171px;
background-repeat:no-repeat;
margin-bottom:0px;
background-image:url(images/images/emperor_01.gif);
}
/*Style Menu*/
#menu
{
width:992px;
height:25px;
background-repeat:no-repeat;
margin-bottom:0px;
background-image:url(images/images/emperor_02.gif);
}
/*Zones réactives*/
#empire
{
float: left;
width : 37px;
height: 25px;
margin-left: 139px;
margin-top: 0px;
margin-bottom:0px;
}
#biographie
{
float: left;
width: 58px;
height: 25px;
margin-left: 17px;
margin-top: 0px;
margin-bottom:0px;
}
#discographie
{
float: left;
width: 70px;
height: 25px;
margin-left: 18px;
margin-top: 0px;
margin-bottom:0px;
}
#images
{
float: left;
width: 37px;
height: 25px;
margin-left: 18px;
margin-top: 0px;
margin-bottom:0px;
}
#lyrics
{
float: left;
width: 37px;
height: 25px;
margin-left: 17px;
margin-top: 0px;
margin-bottom:0px;
}
#traduction
{
float: left;
width: 61px;
height: 25px;
margin-left: 17px;
margin-top: 0px;
margin-bottom:0px;
}
#materiel
{
float: left;
width: 48px;
height: 25px;
margin-left: 17px;
margin-top: 0px;
margin-bottom:0px;
}
#tablatures
{
float: left;
width: 61px;
height: 25px;
margin-left: 19px;
margin-top: 0px;
margin-bottom:0px;
}
#medias
{
float: left;
width: 37px;
height: 25px;
margin-left: 19px;
margin-top: 0px;
margin-bottom:0px;
}
#contact
{
float: left;
width: 44px;
height: 25px;
margin-left: 17px;
margin-top: 0px;
margin-bottom:0px;
}
#liens
{
float: left;
width: 35px;
height: 25px;
margin-left: 15px;
margin-top: 0px;
margin-bottom:0px;
}
/*Style Corps*/
#corps_gauche
{
clear: both;
float:left;
background-image:url(images/images/emperor_03.gif);
height:477px;
width:102px;
margin-right: auto;
}
#corps_centre
{
float:left;
background-image:url(images/images/emperor_04.gif);
height:477px;
width:788px;
overflow:auto;
}
#corps_droit
{
background-image:url(images/images/emperor_05.gif);
height:477px;
width:102px;
float:left;
}
/* Style Footer */
#footer
{
clear: both;
height: 183px;
width: 992px;
background-image:url(images/images/emperor_06.gif);
background-repeat: no-repeat;
}
Merci à celui qui pourra m'aider :s
EDIT: Si c'est la fonction "background-attachement: fixed;", j'ai essayé a de multimples endroits, dansle CSS du corps centre , etc , mais rien à faire :s, AOL et IE n'en veulent pas !
Modifié par Ihsahn (09 Mar 2005 - 13:00)
