J'avais mis l'image dans le body parce que j'avais alors pas de global, en effet à présent on peut le mettre pour le global, ca sera tout aussi bien (et on aura déjà une taille)
J'ai concu le site de manière à ce qu'il puisse être lu sous toutes les résolution (du moins pour l'instant) donc si vous pensez que cette astuce risque de poser un problème je vais l'enlever et revenir à ce que vous me proposer en centrant avec les marges.
Sinon mon site est codé ainsi :
<?php
echo'<html>
<head><link href="./css/FeuilleStyle.css" rel="stylesheet" type="text/css">
<title>Bienvenue sur le site d\'ExChange</title>
<style>
body {
background-position:center;
background-image:url(image/logo.jpg);
background-repeat:no-repeat;
background-color:#dadada;
text-align: center;
margin:0px;
}
#global {
position:absolute;
left: 50%;
top: 50%;
width: 984px;
height: 594px;
margin-top: -297px; /* moitié de la hauteur */
margin-left: -492px; /* moitié de la largeur */
}
</style>
</head>
<body>
<div id="global">
<!--sur cette page, un tableau et des includes pour afficher les bonnes pages-->
<!--tableau de 2 colonnes sur 3 lignes, fusion de la 1 ligne pour n\'avoir qu\'une seule case taille de 984pixel et de hauteur 594pixel-->
<table align=center valign=middle border="0" width="984px" height="594px" cellspacing="0" cellpadding="7">
<tr height="125">
<!--ligne prenant 984px de la taille totale de l\'écran-->
<td colspan="2" align="center" bgcolor="99c000" ><img src="image/banniere.gif" /></td>
</tr>
<tr height="394">
<!--menu prenant 14% de l\'espace total en largeur-->
<td valign="top" bgcolor="99c000" width="200px" rowspan=2>';
Include('menu.php'); //appel au menu dans la colonne de gauche
echo'</td>
<td valign="top">';
echo" <div style=\"height:394px; width:763px; overflow:auto; scrollbar-face-color: #dadada;
scrollbar-shadow-color: #000000;
scrollbar-highlight-color: #dadada;
scrollbar-3dlight-color: #ffffff;
scrollbar-darkshadow-color: #000000;
scrollbar-track-color: #dadada;
scrollbar-arrow-color: #000000;\">";
Include('page_milieu.php'); // appel de la page centrale présentant la page à visionner
echo"</div>";
echo'</td>
</tr>
<tr><td align="center"><HR><a href=?page=10&retour=1><font size="2"> Contact</font></a></td>
</tr>
</div>
</body>
</html>';
?>
C'est la page tel qu'elle est actuellement, sans les changements que vous me conseillez, et que je vais essayer de suite
Et voici ce que je viens de coder et que me donnes entière satisfaction (si ce n'est que c'est pas centré verticalment, mais puisqu'apparemment vaut mieux oublier...
body {
background: #dadada url(image/logo.jpg) center center no-repeat;
text-align: center;
margin:0px;
}
#global {
width: 984px;
height: 594px;
margin-right: auto; /* moitié de la hauteur */
margin-left: auto; /* moitié de la largeur */
}
Si je ne mets pas ce qui concerne le background dans le body, j'ai un contour blanc, alors que je veux un contour gris (dadada) comme le fond de la page... là ca fonctionne !
Merci à tous mais si vous voyez encore comment améliorer ca (pour que ce soit plus conforme ou autre) je reste à l'écoute
Modifié par mysouris (23 Jul 2006 - 11:21)
