CSS : div qui prendre 100% de la hauteur

CSS : div qui prendre 100% de la hauteur - HTML/CSS - Programmation

Marsh Posté le 11-03-2005 à 16:51:35    

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!

Reply

Marsh Posté le 11-03-2005 à 16:51:35   

Reply

Marsh Posté le 11-03-2005 à 16:53:08    

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

Reply

Marsh Posté le 11-03-2005 à 16:53:39    

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 ;)

Reply

Marsh Posté le 11-03-2005 à 17:00:42    

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

Reply

Marsh Posté le 11-03-2005 à 17:01:22    

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

Reply

Marsh Posté le 11-03-2005 à 17:08:15    

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?

Reply

Marsh Posté le 11-03-2005 à 17:19:42    

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

Reply

Sujets relatifs:

Leave a Replay

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