Problème de positionnement css
baroutch
Messages postés
4
Statut
Membre
-
baroutch Messages postés 4 Statut Membre -
baroutch Messages postés 4 Statut Membre -
Bonjour à tous,
J'ai un petit problème pour un site que je suis en train de créer. Ce site est d'apparence assez simple mais sa mise en place reste problématique.
______________________
| | |
| | |
| | |
| content | menu |
| | |
| | |
______________________
La difficulté est que mon content possède un fond de couleur et ce fond doit aller jusqu'au bout de la fenêtre à gauche comme en bas. Or pour l'instant je n'arrive qu'a obtenir un résultat où le content prend bien toute la place mais sans être centré. Voici mon code HTML :
<body>
<div id="corps">
<div id="conteinerActu">
</div>
<div id="menu">
</div>
</div>
</body>
Et mon code CSS:
body
{
min-height:100%;
}
#corps
{
width:980px;
margin:0 auto;
}
#conteinerActu
{
background-color:#00accb;
min-width:590px;
min-height:100%;
width:590px;
height:100%;
position:absolute;
top:0px;
left:0px;
}
#menu
{
background-color:#000000;
min-width:390px;
min-height:100%;
width:390px;
height:100%;
position:absolute;
top:0px;
left:590px;
}
Si qqn a une idée cela pourrait m'ôter une grosse épine du pied.
Merci d'avance
J'ai un petit problème pour un site que je suis en train de créer. Ce site est d'apparence assez simple mais sa mise en place reste problématique.
______________________
| | |
| | |
| | |
| content | menu |
| | |
| | |
______________________
La difficulté est que mon content possède un fond de couleur et ce fond doit aller jusqu'au bout de la fenêtre à gauche comme en bas. Or pour l'instant je n'arrive qu'a obtenir un résultat où le content prend bien toute la place mais sans être centré. Voici mon code HTML :
<body>
<div id="corps">
<div id="conteinerActu">
</div>
<div id="menu">
</div>
</div>
</body>
Et mon code CSS:
body
{
min-height:100%;
}
#corps
{
width:980px;
margin:0 auto;
}
#conteinerActu
{
background-color:#00accb;
min-width:590px;
min-height:100%;
width:590px;
height:100%;
position:absolute;
top:0px;
left:0px;
}
#menu
{
background-color:#000000;
min-width:390px;
min-height:100%;
width:390px;
height:100%;
position:absolute;
top:0px;
left:590px;
}
Si qqn a une idée cela pourrait m'ôter une grosse épine du pied.
Merci d'avance
