Créer div hauteur 100%, mais la barre de défilement de la page ne doit pas apparaître

Je suis créer un div avec une hauteur de 100% HTMLCréer div hauteur 100%, mais la barre de défilement de la page ne doit pas apparaître

<div id="BottomShelf"></div>

CSS

#BottomShelf{ position:absolute; top:400px; left:0px; width:100%; height:100%;; background:#d4b7a0; z-index:1;}

Il y a un défilement de page affichant sur la page, mais j'ai besoin d'un défilement de page (pas de défilement div) seulement quand il y a du contenu. height: auto ne fait pas l'affaire aussi.

J'ai besoin de la div pour prendre la hauteur du navigateur quelle que soit la hauteur du moniteur.

Source

2010-11-24 X10nD

essayer de mettre top: 400px; bottom: 0; au lieu de top: 400px; height: 100%;

EDIT: A noter que cela ne fonctionne pas dans IE6 (ne sais pas IE7)

Source

2010-11-24 10:41:30 oezi

Cela fonctionne avec IE9, pas sûr sur la version 8,7,6. De toute façon IE n'est pas une priorité pour le développement :) Merci ... – X10nD

Avez-vous tryd le trop-plein: hidden; Propriété de style css?

Désolé, c'était overflow: hidden;

Source

2010-11-24 10:42:04

'overflow: none;' n'existe pas. Je pense que ce que vous voulez écrire est 'overflow: hidden;' - aussi, cela ne répondra pas à la deuxième exigence (afficher les barres de défilement si le contenu est suffisant) – oezi

Ensuite, vous pouvez toujours utiliser overflow: hidden; et ajoutez le débordement: faites défiler jusqu'au contenu css. –

La balise body a une certaine marge par défaut, donc si vous avez besoin d'un div pour prendre la place que le corps, d'abord définir le style de corps: margin: 0;

J'ai essayé de créer un div avec les styles suivants, et il semble de faire ce que vous voulez:

height: 100%; 
overflow: auto;

overflow: auto donnera la div une barre de défilement verticale si le contenu dépasse la hauteur.

Source

2010-11-24 10:49:15

Créer div hauteur 100%, mais la barre de défilement de la page ne doit pas apparaître

Répondre

Questions connexes