probleme height: 100%

probleme height: 100% - HTML/CSS - Programmation

Marsh Posté le 25-11-2005 à 13:01:50    

Bonjour a tous,  
 
j'ai un gros probleme. Enfin petit, mais tres important !
Je veux mettre un rectangle de couleur sur ma page. J'ai donc un div vide. <div id="rectangle"> Et je veux que ce rectangle fasse toute la hauteur de la fenetre.  
Voici mon code:

Citation :


#rectangle
{
 position: absolute;
 z-index: 0;
 background-image: url("../images/fond2.jpg" ); /*couleur: #FBFAFC*/
 top: 0px;
 left: 0px;
 height: 100%;
 width: 800px;
 border: 1px solid black;
}


Le rectangle fait bien toute la hauteur de la fenetre. SAUF que si la scrollbar verticale est active (donc que je peux faire défiler plus bas), le rectangle lui ne descend pas plus bas que si la scrollbar verticale était inactive.  
D'ou vient ce "probleme"? J'aimerais qu'il descende jusqu'en bas quelle que soit jusqu'où je puisse aller avec la srollbar verticale.
 
Pliz aidez moi c'est l'un des plus grands obstacles qui m'empêche de continuer mon ptit site perso qui n'en est qu'à ses début  :cry:

Reply

Marsh Posté le 25-11-2005 à 13:01:50   

Reply

Marsh Posté le 25-11-2005 à 13:16:39    

pourquoi tu definis pas un style sur le body plutot que de t'amuser à mettre un div par dessus?

Reply

Marsh Posté le 25-11-2005 à 13:25:03    

euh definir un style sur le body? Pour mettre mon rectangle?  
Comment faire?
Encore désolé pour lâ gêne occasionnée...

Reply

Marsh Posté le 25-11-2005 à 13:33:01    

Bin si j'ai tout compris, tu veux avoir un rectangle de couvre toute la fenêtre non?
Du coup moi j'enleverais le div et je mettrais un style sur le body:

Code :
  1. body{
  2. background-image: url("../images/fond2.jpg" ); /*couleur: #FBFAFC*/
  3. border: 1px solid black;
  4. margin: 0px;
  5. }

Reply

Marsh Posté le 25-11-2005 à 13:47:30    

le body fait lui aussi parti des éléments, il peut être dimensionné, stylé comme un DIV ou autre balise block,  mais pour des raisons de compatibilité avec IE5, moi j'englobe encore mon site dans un site global que j'appelle soit site ou corps


---------------
Les CSS c'est bon mangez-en
Reply

Marsh Posté le 25-11-2005 à 14:54:55    

Reply

Marsh Posté le 27-11-2005 à 19:25:38    

merci pour vos réponses! malgré ton lien SIbelius, le fait de mettre height:100% aux balises html et body et celui de mon rectangle n'a qd mm pas fonctionné  :fou: . Je me suis donc résigné à modifier le background-image de mon body. Ce que j'aurais dû faire en 1er  ;)


---------------
OST Anime
Reply

Marsh Posté le 29-11-2005 à 11:10:02    

t'as essayé de remplacer ta balise <div> par la balise <p> ?

Reply

Marsh Posté le 29-11-2005 à 12:57:42    

remiazuki a écrit :

t'as essayé de remplacer ta balise <div> par la balise <p> ?


Hein ?  
 

  • Quelle différence ?
  • Si le contenu de son div n'est pas un paragraphe de texte, pourquoi vouloir mettre un p ?

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed