Bonjour,
Je cherche à faire un cadre noir dans ma page html comme si elle avait réellement un cadre comme pour une photo.
Pour ce la, j'ai fait une page avec un background color à noir et un div assez grand pour remplir la page mais pas toute, ce qui donne l'effet d'un cadre noir.
Le problème est que quand je change de résolution d'écran et que je passe par exemple en mode plein écran (F11), le div ne s'agrandit pas ce qui ne fait pas très "chouette"....
Pour être plus clair, voici mon code.
HTML :
<body>
<div id=cadre>
blablabla.....
</div>
</body>
CSS:
body{
margin: 0;
padding: 0;
background: #000;
PADDING-RIGHT: 0px;
PADDING-LEFT: 0px;
PADDING-BOTTOM: 0px;
MARGIN: 0px;
FONT: 80% verdana, arial, sans-serif;
PADDING-TOP: 0px
}
#cadre{
position: absolute;
top: 2%;
left: 2%;
height: 600px;
width: 962px;
background: #fc9;
}
Avez vous ou y a t-il une solution pratique et normée sans utiliser d'images et de javaScript ?
merci d'avance !
Je cherche à faire un cadre noir dans ma page html comme si elle avait réellement un cadre comme pour une photo.
Pour ce la, j'ai fait une page avec un background color à noir et un div assez grand pour remplir la page mais pas toute, ce qui donne l'effet d'un cadre noir.
Le problème est que quand je change de résolution d'écran et que je passe par exemple en mode plein écran (F11), le div ne s'agrandit pas ce qui ne fait pas très "chouette"....
Pour être plus clair, voici mon code.
HTML :
<body>
<div id=cadre>
blablabla.....
</div>
</body>
CSS:
body{
margin: 0;
padding: 0;
background: #000;
PADDING-RIGHT: 0px;
PADDING-LEFT: 0px;
PADDING-BOTTOM: 0px;
MARGIN: 0px;
FONT: 80% verdana, arial, sans-serif;
PADDING-TOP: 0px
}
#cadre{
position: absolute;
top: 2%;
left: 2%;
height: 600px;
width: 962px;
background: #fc9;
}
Avez vous ou y a t-il une solution pratique et normée sans utiliser d'images et de javaScript ?
merci d'avance !
