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

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  CSS : div qui prendre 100% de la hauteur

 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

CSS : div qui prendre 100% de la hauteur

n°1010041
folkN2
Posté le 11-03-2005 à 16:51:35  profilanswer
 

Bonjour,
 
j'essaye de terminer un petit projet web.. et j'ai un gros probleme :P
 
voila la structure du site est assez simple
 
div header
div menu || div contenu
div footer
 
(j'ai simplifié au maximum pour mes tests^^)
 
Bref j'aimerais que ma div contenu prenne 100% de l'espace disponible...
 
Cependant en CSS avec un div , la proprieté height n'est pas prie en compte...
 
Je cherche obtenir quelquechose comme ca
http://www.zone-h.org/en/defacemen [...] d=2050456/
 
la iframe du milieu prend 100% de l'esapce , et si on reduit la page (les dimenssions de la page) la frame suit d'elle même... on ne perd aucune information.
 
Mais eux ils utilisent une petite table... ce que j'aurais aimé eviter...
 
 
Donc mon probleme est le suivant :
J'aimerais quand ma div contenu , une iframe soit presente et qu'elle prenne tout l'espace disponible (en hauteure) , mais que si on reduit la taille de la fenetre la iframe suivent le redimessionement... afin d'eviter la presence de multiple scrollbar
 
 
Merci d'avance
 
folk!

mood
Publicité
Posté le 11-03-2005 à 16:51:35  profilanswer
 

n°1010044
FlorentG
Unité de Masse
Posté le 11-03-2005 à 16:53:08  profilanswer
 

Dégage l'iframe-caca. Pour qu'un élément prenne tout l'écran, faut mettre dans le CSS :

Code :
  1. html, body, #contenu {
  2.   width: 100%;
  3.   height: 100%;
  4. }

n°1010045
FlorentG
Unité de Masse
Posté le 11-03-2005 à 16:53:39  profilanswer
 

En plus, si il sont utilisé une table, c'est que c'est pas bon, t'as pas le droit de donner une dimension genre 100% à une table ;)

n°1010051
folkN2
Posté le 11-03-2005 à 17:00:42  profilanswer
 

ah oui j'avais oublié le 100% sur html et body :)
 
En fait , l'interet de l'iframe-caca :P c'est de pouvoir injecter du contenu dans l'iframe sans avoir a reload ma page...
 
je suis pas sur qu'on puisse reload une div pour en changer le contenu sans reload toute la page?
 
(merci ^^)
folk

n°1010052
FlorentG
Unité de Masse
Posté le 11-03-2005 à 17:01:22  profilanswer
 

On s'en fout de tout reloader la page ou non ;) Niveau bande-passante c'est négligeable

n°1010063
folkN2
Posté le 11-03-2005 à 17:08:15  profilanswer
 

pour remplacer liframe , j'ai besoin d'une barre de scroll sur ma div contenu, bref je vais rajouter un petit "overflow: auto"
 
cependant cela ne marche pas... yatil dautres parametres a renseigner pour que cela fonctionne?

n°1010080
folkN2
Posté le 11-03-2005 à 17:19:42  profilanswer
 

bon en fait pour que le overflow: auto marche , la taille (hauteur) doit etre renseigné en fixe et pas en %


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

  CSS : div qui prendre 100% de la hauteur

 

Sujets relatifs
[CSS]Scrolling Firefox[CSS] - De l'utilité de plusieurs feuilles CSS
Appeler une CSS dans code PHP ?CSS : probleme de positionnement d'un bloc
[RESOLU] [CSS] aligner deux DIV sans position absolu ???[CSS] Newsletter - soucis de borders
[CSS] Alignement vertical d'un menu d'images?CSS et formulaire
CSS et mise en page[CSS] compatibilité firefox - opera
Plus de sujets relatifs à : CSS : div qui prendre 100% de la hauteur


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