Je reviens ici, parce que je ne m'en sors pas avec les CSS.
Pour y voir clair, j'ai fait une page avec uniquement les blocs sans contenu : http://www.clionautes.org/test/blocs.htm
le code CSS est :
Code : Tout sélectionner
#conteneur {
position: relative;
width: 800px;
margin: 0 auto;
background-image:url(squelettes/images/fond.png) repeat-y;
border-right:1px solid black;
}
#titre { width:100%; margin: 2px; }
#menu { position: absolute; left:0; width: 150px; margin: 2px; }
#centre { width: 100%; margin-left: 150px; padding: 5px; border-left:1px solid black; background-color: yellow; }
#comptes-rendus { position : absolute; width: 350px; background-color:green; }
#galaxie { position: absolute; left:350px; width: 300px; margin: 0px; color:blue; background-color:red; }
#pied { width: 100%; margin: 2px; background-color:blue; }
</style>J'ai 3 soucis
1. le bloc #conteneur est censé contenir tous les autres et fixer la largeur à 800 px. Manifestement, il ne comporte que le bloc menu et pas les autres. Pourtant, je ne ferme pas le div.
2. idem, le bloc #centre est censé contenir #compte-rendu et #galaxie, mais si je les mets en position absolute, ils sortent du bloc et si je ne les mets pas en absolute, ils ne se positionnent pas bien.
3.le bloc #pied qui est censé être en bas de page se place bien sous le bloc #centre, mais comme #galaxie et #compte-rendu sont en absolute, il se superpose à eux.
Avez vous des pistes pour résoudre ces pb ?
Merci
AnT.
Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.9.0.3) Gecko/2008092417 Firefox/3.0.3
