Bonjour et merci par avance de vos éventuelles réponses 
.
Voilà, tout est dans le titre.
Je voudrai mettre en place une balise DIV qui prend toute la largeur et la hauteur de la page avec de l'opacité. (
désolé W3C )
Le problème que je rencontre, c'est que lorsque j'ai une barre de défilement verticale, la DIV ne prend pas toute la hauteur, mais seulement celle de la fenêtre.
Ebauche du code (sous FireFox):
Note:
Voilà, vous vous apercevrez que lorsque vous faire défiler la page la DIV ne prend pas la hauteur totale.
Ma question : Comment faire ?
Modifié par Julien Breux (02 Apr 2007 - 21:09)
.Voilà, tout est dans le titre.
Je voudrai mettre en place une balise DIV qui prend toute la largeur et la hauteur de la page avec de l'opacité. (
désolé W3C )Le problème que je rencontre, c'est que lorsque j'ai une barre de défilement verticale, la DIV ne prend pas toute la hauteur, mais seulement celle de la fenêtre.
Ebauche du code (sous FireFox):
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
<head>
<style type="text/css">
*{margin:0; padding:0; border:0;}
#monDIV
{
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
-moz-opacity: 0.6;
background-color: #000000;
}
p
{
font-size: 30px;
}
</style>
</head>
<body>
<div id="monDIV"></div>
<p>
Voici un paragraphe qui prend plusieurs lignes.<br />
Voici un paragraphe qui prend plusieurs lignes.<br />
Voici un paragraphe qui prend plusieurs lignes.<br />
Voici un paragraphe qui prend plusieurs lignes.<br />
Voici un paragraphe qui prend plusieurs lignes.<br />
Voici un paragraphe qui prend plusieurs lignes.<br />
Voici un paragraphe qui prend plusieurs lignes.<br />
Voici un paragraphe qui prend plusieurs lignes.<br />
Voici un paragraphe qui prend plusieurs lignes.<br />
Voici un paragraphe qui prend plusieurs lignes.<br />
Voici un paragraphe qui prend plusieurs lignes.<br />
Voici un paragraphe qui prend plusieurs lignes.<br />
Voici un paragraphe qui prend plusieurs lignes.<br />
Voici un paragraphe qui prend plusieurs lignes.<br />
Voici un paragraphe qui prend plusieurs lignes.<br />
Voici un paragraphe qui prend plusieurs lignes.<br />
Voici un paragraphe qui prend plusieurs lignes.<br />
Voici un paragraphe qui prend plusieurs lignes.<br />
Voici un paragraphe qui prend plusieurs lignes.<br />
Voici un paragraphe qui prend plusieurs lignes.<br />
Voici un paragraphe qui prend plusieurs lignes.<br />
Voici un paragraphe qui prend plusieurs lignes.<br />
Voici un paragraphe qui prend plusieurs lignes.<br />
Voici un paragraphe qui prend plusieurs lignes.<br />
</p>
</body>
</html>
Note:
Voilà, vous vous apercevrez que lorsque vous faire défiler la page la DIV ne prend pas la hauteur totale.
Ma question : Comment faire ?
Modifié par Julien Breux (02 Apr 2007 - 21:09)