Merci
Mais bon je n'y arrive pas
en ajoutant le #global, en mettant le "position" en "absolute" ou "relative", en ajoutant "margin-rigth" et "left" en "auto" dans le "global" ou le "body", etc, rien ne fonctionne
voila le code de la page de base
<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Document sans nom</title>
<style type="text/css">
<!--
body {
margin: 0;
padding:0;
position: absolute;
width: 1024px;
height: 605px;
background-color: #000;
}
.logo {
position: absolute;
width: 200px;
height: 175px;
background-color: #000;
padding: 0;
}
.bandeau {
margin-left: 200px;
width: 824px;
height: 175px;
background-color: #000;
padding: 0;
}
.conteneur {
height: 400px;
width: 100%;
}
.menu {
position: absolute;
left: 0;
width: 200px;
height: 400px;
background-color: #000;
padding: 0;
}
.principale {
margin-left: 200px; /* on place ce bloc à droite du bloc menu de 180px de large */
width: 824px;
height: 400px;
overflow: auto; /* cette propriété va permettre le scroll de ce bloc */
padding: 0;
}
.bas {
width: 1024px;
height: 1px;
background-color: #06C;
color: #fff;
font-size: 4px;
padding: 0;
}
-->
</style>
</head>
<body>
<div class="logo">
<?php
include 'logo.html';
?>
</div>
<div class="bandeau">
<?php
include 'bandeau.html';
?>
</div>
<div class="menu">
<?php
include 'menu.html';
?>
</div>
<div class="principale">
<?php
$pages=array(
'accueil'=>'page_FM',
'presentation'=>'1192',
'suite'=>'230',
'fin'=>'parcours'
);
if(isset($_GET['page']) && array_key_exists($_GET['page'],$pages))
include $pages[$_GET['page']].'.html';
else
include 'attente.html';
?>
</div>
<div class="bas">
Cette partie basse reste fixe
</div>
</body>
</html>
d'autre part, j'ai un petit souci d'affichage :
avec FF pas de pb, le logo est bien placé
avec IE7 le logo est placé sur le bandeau (c'est à dire décalé de 200 px vers la droite)
Je reprends ma demande :
cet ensemble de div d'une largeur totale de 1024 px est positionné automatiquement en haut à gauche, je souhaiterai qu'il soit centré
est-ce possible, et si oui comment puis-je faire ?
dernière question : à quoi sert le ".conteneur" ?
Merci
Modifié par Mustang (07 Feb 2007 - 02:08)
