Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
1562 connectés 

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  probleme height: 100%

 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

probleme height: 100%

n°1253156
kensei
Posté le 25-11-2005 à 13:01:50  profilanswer
 

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:

mood
Publicité
Posté le 25-11-2005 à 13:01:50  profilanswer
 

n°1253168
anapajari
s/travail/glanding on hfr/gs;
Posté le 25-11-2005 à 13:16:39  profilanswer
 

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

n°1253176
kensei
Posté le 25-11-2005 à 13:25:03  profilanswer
 

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

n°1253187
anapajari
s/travail/glanding on hfr/gs;
Posté le 25-11-2005 à 13:33:01  profilanswer
 

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. }

n°1253194
gatsusat
Posté le 25-11-2005 à 13:47:30  profilanswer
 

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
n°1253256
sibelius
Vous êtes sûr ?
Posté le 25-11-2005 à 14:54:55  profilanswer
 
n°1254302
kensei
Posté le 27-11-2005 à 19:25:38  profilanswer
 

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
n°1255164
remiazuki
Posté le 29-11-2005 à 11:10:02  profilanswer
 

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

n°1255222
FlorentG
Posté le 29-11-2005 à 12:57:42  profilanswer
 

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 ?


Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Programmation
  HTML/CSS

  probleme height: 100%

 

Sujets relatifs
probleme de CSS entre IE6 et FFProblème avec un soft
probleme de mappingProbleme de "realtime" avec onclipevent(enterFrame)
[PHP] Probleme de compteur de visite et de cookieProblème de connection à un pc distant avec WMI
Probléme de menu PHPProblème IE et Mozilla avec un window.top.opener
[.NET] Probleme connexions 2 clients simultannées Aidez moi !!!Problème avec les accents dans les requêtes MysqL chez free
Plus de sujets relatifs à : probleme height: 100%


Copyright © 1997-2022 Hardware.fr SARL (Signaler un contenu illicite / Données personnelles) / Groupe LDLC / Shop HFR