Problème de positionnement css
baroutch
Messages postés
4
Date d'inscription
Statut
Membre
Dernière intervention
-
baroutch Messages postés 4 Date d'inscription Statut Membre Dernière intervention -
baroutch Messages postés 4 Date d'inscription Statut Membre Dernière intervention -
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
A voir également:
- Problème de positionnement css
- Logiciel positionnement gratuit - Guide
- Exemple test de positionnement greta - Forum Études / Formation High-Tech
- Enlever le soulignement d'un lien css - Astuces et Solutions
- Css exposant ✓ - Forum CSS
- Enlever trait sous un lien href ✓ - Forum Webmastering
