PHPfrance

la communauté d'entraide francophone dédiée au PHP

[RESOLU] div qui ne recouvre pas toute la page

Répondre


Cette question est un moyen d’empêcher des soumissions automatisées de formulaires par des robots.
Smileys
:D :) :( :o :shock: :? 8-) :lol: :x :P :oops: :cry: :evil: :twisted: :roll: :wink: :!: :?: :idea: :arrow: :| :mrgreen: =D> #-o =P~ :^o :non: :priere: 8-|
Voir plus de smileys
  Revue du sujet
 

  Étendre la vue Revue du sujet : [RESOLU] div qui ne recouvre pas toute la page

Re: div qui ne recouvre pas toute la page

par donkeykick » 23 août 2014, 16:09

ok donc avec ceci ça marche :
html,body{ margin:0px;padding:0px; height:100%; min-height:100%;}
.cover {    opacity:0.8;
    background-color:#ccc;
    position:fixed;
    width:100%;
    height:100%;
    top:0px;
    left:0px;
    z-index:1000;}
</style>
A bon entendeur ;)

div qui ne recouvre pas toute la page

par donkeykick » 23 août 2014, 15:58

Salut,

J'ai un autre petit souci que je n'arrive pas à résoudre.

Dans une page avec beaucoup de contenu (donc avec un scroll) je n'arrive pas à dire à ma div de recouvrir l'intégralité de la page.

Ma div ne recouvre que la vue courante, si on scrolle la div ne suit pas. Un aperçu vaut mieux que 1000 mots, vous allez comprendre.
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Document sans nom</title>
<style>
html,body{ margin:0px;padding:0px; height:100%; min-height:100%;}
.cover { background-color:#CCC; margin: 0px; padding:0px;  height:100%; min-height:100%;}
</style>
</head>

<body>
<div class="cover">Accedat huc suavitas quaedam oportet sermonum atque morum, haudquaquam mediocre condimentum amicitiae. Tristitia autem et in omni re severitas habet illa quidem gravitatem, sed amicitia remissior esse debet et liberior et dulcior et ad omnem comitatem facilitatemque proclivior.
</div>
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
</body>
</html>
Si vous avez une idée, je suis preneur, merci !