Bonjour à tous,
Tout d'abord je vous salue car je suis nouveau dans le coin.
J'ai 25 ans et n'ayant plus pratiqué depuis quelques temps je suis un peu rouillé et j'auvais besoin de vos lumières.
Voici mon problème. J'ai, d'après moi, correctement construit mon fichier html mais je dois avoir un soucis dans ma page css qui empèche mes deux DIV avec mon ombre de chaque côtés d'une DIV contenaire de s'agrandir.
Pourriez-vous chercher avec moi car je surchauffe un peu.
D'avance, merci
Modifié par tomtoro (31 Jul 2009 - 19:37)
Tout d'abord je vous salue car je suis nouveau dans le coin.
J'ai 25 ans et n'ayant plus pratiqué depuis quelques temps je suis un peu rouillé et j'auvais besoin de vos lumières.
Voici mon problème. J'ai, d'après moi, correctement construit mon fichier html mais je dois avoir un soucis dans ma page css qui empèche mes deux DIV avec mon ombre de chaque côtés d'une DIV contenaire de s'agrandir.
Pourriez-vous chercher avec moi car je surchauffe un peu.
D'avance, merci
<body>
<div id="site">
<div id="ombregauche"></div>
<div id="ombredroite"></div>
<div id="contenaire">
<div id="menuheader"></div>
<div id="contenu"></div>
</div>
<div id="ombrebas"></div>
<div id="infos"></div>
</div>
</body>
@charset "UTF-8";
/* CSS Document */
*a{
text-decoration:none;
color:#FFFFFF;
}
*img{
border:none;
}
body{
background-image:url(../IMG/bgheader.jpg);
background-color:#63514d;
background-repeat:repeat-x;
margin:0px;
margin-bottom:30px;
padding:0px;
}
#position{ /*cadre contenant les deux ombres et la page centrale*/
position:relative;
width:811px;
left:50%;
margin-left:-405px;
height:600px;
overflow:visible;
}
*page{
width:811px;
min-height:600px;
overflow:visible;
}
#ombregauche{
width:24px;
height:100%;
background-image:url(../IMG/ombregauche.png);
background-repeat:repeat-y;
float:left;
}
#ombredroite{
width:25px;
height:100%;
background-image:url(../IMG/ombredroite.png);
background-repeat:repeat-y;
float:right;
}
#ombrebas{
width:811px;
height:15px;
float:left;
background-image:url(../IMG/ombrebaslongue.png);
/*background-repeat:repeat-x;*/
}
#contenaire{
width:762px;
float:left;
background-color:#ded1c1;
}
#menuheader{
width:762px;
height:205px;
}
#contenu{
width:742px;
padding:10px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#5c5750;
text-align:justify;
}
#infos{
width:762px;
float:left;
margin-left:24px;
text-align:center;
color:#FFFFFF;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
}
#infos a{
color:#FFFFFF;
text-decoration:none;
}
#raccourcis{
font-size:12px;
}
Modifié par tomtoro (31 Jul 2009 - 19:37)