Bonjour a tous, j'ai un ptit souci qui doit etr tout bete, mais la je bloque.
Mon site ne ce centre pas par raport a la resolution de l'ecran il rest toujuors plus sur la gauche, je ne trouve pas mon erreur, pouvez vous m'aider???
Merci d'avance!!!
Modifié par Chat (24 Oct 2008 - 11:22)
Mon site ne ce centre pas par raport a la resolution de l'ecran il rest toujuors plus sur la gauche, je ne trouve pas mon erreur, pouvez vous m'aider???
* {
margin: 0px;
padding: 0px;
}
body {
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 14px;
background-image: url(../images/fond.png);
background-repeat: repeat-x;
margin-left: auto;
margin-right: auto;
}
img {
border: none;
}
li {
list-style:none;
}
#menu a {margin-left:32px}
/*-------------Couleur des liens non visité */
a.mainlevel:link {
text-decoration: none;
color: #bd1eb4;
}
/*-------------Couleur des liens visité */
a.mainlevel:visited {
text-decoration: none;
color: #bd1eb4;
}
/*-------------Couleur des liens au survol de la souris */
a.mainlevel:hover {
text-decoration: none;
color: #ffffff;
word-spacing: 200px;
}
/*-------------Couleur des liens quand il y a le click */
a.mainlevel:active {
text-decoration: none;
color: #bd1eb4;
}
#menu {
text-align: center;
padding-top: 128px;
width: 1100px;
margin-right: 160px;
}
#banniere {
background-image: url(../images/bandeau_noir_haut.png);
background-repeat: no-repeat;
height: 230px;
margin-left:auto;
margin-right: auto;
}
#bande_noir_haut {
background-image: url(../images/bande_noir_haut.png);
background-repeat: repeat-x;
height: 182px;
}
#newsletter {
background-image: url(../images/barre_newsletter.png);
background-repeat: no-repeat;
height: 31px;
margin-left: 225px;
color: white;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 10px;
}
#newsletter2 {
position: relative;
left: 800px;
bottom: 470px;
}
#date {
margin-left: 10px;
padding-top: 10px;
color: white;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 10px;
}
#logo {
background-image: url(../images/blason_banniere.png);
background-repeat: no-repeat;
width: 223px;
height: 295px;
left: 920px;
position: relative;
bottom: 168px;
}
#contenu {
margin-left: 225px
}
#articles {
}
#dernieres_creations {
/*background-image: url(../images/dernieres_creations.png);
background-repeat: no-repeat*/
}
#photos_droit {
/*background-image: url(../images/image_gif_coter_droit.png);
background-repeat: no-repeat;*/
position: relative;
left: 290px;
bottom: 70px;
}
#module_news {
/*background-image: url(../images/module_news.png);
background-repeat: no-repeat;*/
bottom: 350px;
margin-top: 50px;
}
#barre_milieu {
background-image: url(../images/barre_milieu.png);
background-repeat: no-repeat;
width: 850px;
height: 1px;
margin-top: 15px;
margin-left: 215px
}
#footer {
background-image: url(../images/banniere_bas.png);
background-repeat: no-repeat;
width: 850px;
height: 35px;
margin-top: 5px;
margin-left: 215px
}
#barre_bas {
background-image: url(../images/barre_bas.png);
background-repeat: repeat-x;
width: 100%;
height: 13px;
margin-top: 82px;
}<?php
//no direct access
defined('_JEXEC')or die('Restricted access');
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="<?php echo $this->language; ?>"
lang="<?php echo $this->language; ?>">
<head>
<jdoc:include type="head"/>
<link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/<?php echo $this->template?>/css/template.css" type="text/css" />
<SCRIPT LANGUAGE="JavaScript">
navvers = navigator.appVersion.substring(0,1);
if (navvers > 3)
navok = true;
else
navok = false;
today = new Date;
jour = today.getDay();
numero = today.getDate();
if (numero<10)
numero = "0"+numero;
mois = today.getMonth();
if (navok)
annee = today.getFullYear();
else
annee = today.getYear();
TabJour = new Array("Dimanche","Lundi","Mardi","Mercredi","Jeudi","Vendredi","Samedi");
TabMois = new Array("janvier","février","mars","avril","mai","juin","juillet","aout","septembre","octobre","novembre","dééembre");
messageDate = TabJour[jour] + " " + numero + " " + TabMois[mois] + " " + annee;
</SCRIPT>
</head>
<body>
<div id="bande_noir_haut">
<div id="banniere">
<div id="newsletter">
<div id="date">
<SCRIPT LANGUAGE="JavaScript">
document.write(messageDate);
</SCRIPT>
</div>
</div> <div id="menu">
<jdoc:include type="modules" name="banniere" style="xhtml"/>
</div>
<div id="bande_noir">
</div>
<div id="logo">
</div>
<div id="newsletter2">
<jdoc:include type="modules" name="newsletter" style="xhtml"/>
</div>
</div>
</div>
<div id="contenu">
<div id="articles">
<jdoc:include type="component" style="xhtml" />
<div id="photos_droit">
<jdoc:include type="modules" name="photos_droit" style="xhtml"/>
</div>
</div>
<div id="dernieres_creations">
<jdoc:include type="modules" name="dernieres_creations" style="xhtml"/>
</div>
<div id="module_news">
<jdoc:include type="modules" name="module_news" style="xhtml"/>
</div>
</div>
<div id="barre_milieu">
</div>
<div id="footer">
</div>
<div id="barre_bas">
</div>
</body>
</html>
Merci d'avance!!!
Modifié par Chat (24 Oct 2008 - 11:22)