J'ai un petit probleme en CSS pour creer un div d'une hauteur de 100%
 
la page est ici : http://if-faw.com/v2/index3.php
et comme vous le voyez, ca creer une demi page de blanc alors que cela doit s'arreter a la limite de la page  
 
le CSS est ici  
http://if-faw.com/v2/template/if-faw.css
 
et le div qui pose probleme est dans le code directement

 
c'est la derniere div avec le mct en bgimage.
 
J'arrive pas retirer ce foutu truc blanc en bas, j'ai pourtant essayer les margin-bottom=1 au lieu de 0, le height=99% au lieu de 100, mais rien n'y fait

"<div style=\"background-image:url('images/mct.jpg'); width:725px; height:100%\">hi<p>hi</p><p>hi</p></div>".  
 
d'enlever le height ?

je l'ai fait et ca reste a la hauteur des 3 hi.
 
or je veut que ca aille tout en bas

moi je dis, vive les tableaux. merde quoi.

surement vi, mais je voudrait comprendre ca
 
c'est pas la premiere fois que ca me le fait et j'ai jamais compris
 
merde quoi

<table style=\"border-collapse:collapse; height:100%;\"...
 
<div style=\"background-image:url('images/mct.jpg'); width:725px; height:100%\"> ...
 
2x 100% cela me choque

si je retire celui du tableau, ca coupe à la hauteur des 3 hi (en dessous)

bon, je l'ai entouré de rouge, et je voit qu'il ne se termine meme pas

et une forme du type :
 
<table height="100%"><tr><td>
   <div id="entete"></div>
   <div id="logo"></div>
   <div id="menu"></div>
   <div id="texte"></div>
   <div id="piedpage"></div>
</td></tr></table>
 
avec le background de la cellule en noir comme cela la partie avce "hi", on ne verra pas la fin

oui, mais j'aimerai le corriger de cette maniere.
Je sais que via les DIV c'est faibable, mais j'aimerai d'abord fixé ca

Pour moi ce sont les 2 100% qui t'ennuient
 
Edit  là au dessus

bon ecoute, je suis d'accord avec toute tes proposition, je me doute bien que les autres methodes fonctionne et tout et tout, je l'ai fait plus d'un fois.
 
Mais il faut vraiment que je fixe le bordel dans l'etat ou c'est.
c'est ptet bete, mais je doit.
 
Donc pour l'histoire des 2 100%, j'ai expliqué que si je les  retire (1 des 2 du moins) ca marche pas du tout

Ha tient ca le fait que dans mozilla/firefox..

Ne t'ennerve pas c'est pas la peine

désolé je vient de me rendre compte que mon poste etait un peu agressif.
 
l'intention n'est pas la
mais les faits le restent

<div style=\"background-image:url('images/mct.jpg'); width:725px; height:305px\"> et cela marche (si j'ai bien compris ce que tu veux obtenir)

ben non la hauteur est totalement variable
 
je veut que l'image mct se repete jusqu'au bout de la page.
Mais ne mette pas de scroll comme sous firefox

<div style=\"background-image:url('images/mct.jpg') repeat-y; width:725px; height:100%\">
 
???

c'est exactement ce que j'ai
 
je vient de voir que le code etait pas entierement mis dans le premier post
 
 

et ca marche parfaitement sous IE
 
GM si tu lit ce post

Et si plutôt que de mettre ton div à 100%, tu lui fixes une hauteur minimale :  min-height: 305px;
 
Cela permet d'avoir la solution de tout à l'heure sans la scrollbar que tu souhaites éviter puisqu'il n'y a pas de maxi.

wai mais nan
 
matte bien l'image du milieu et tu va voir qu'il n'y a pas de bas
En gros le bas, c'est l'ecran
 
Donc si je met 305 ou meme 500, ben la personne qui aura une grosse resolution ne sera pas stoppé par l'ecran mais à xxx px

Quel est le résultat désiré ?
 
Je jette un oeil si :
 - tu mets un DOCTYPE et tu valides
 - tu indentes correctement ton code (le mono-ligne très peu pour moi)

bon ben ca sera demain alors

Et vire les attributs "style"

bon deja ma css est valide
"No error or warning found"
 
m'occupe du reste demain

tu veut quoi? id?

Ce que tu veux.... des clases, des id, des sélections d'élément...

vi, mais je le met dans le CSS, qu'un fois qu'il est bon.
 
un vieille mauvaise habitude

bon ca merde encore plus en mettant en transitional
 
sauf IE, ca marche inpec

Déjà un  
 
html, body {
  height: 100%;
}
 
ne peut pas faire de mal

ca merde encore
 
j'ai retirer les style au passage et validé xhtml transitional

help

bon, j'ai resolu le probleme je sais pas trop comment, mais j'ai jouer avec le height 100% et le margin-bottom:0;
 
Maintenant j'ai un probleme
Je n'arrive pas a etendre le div jusqu'au bas
 
sous firefox soit ca fait reaparaitre le scrolling, soit ca s'agrandit pas.
Sous IE, ca reste a taille fixe
 
http://if-faw.com/v2/index3.php
en rouge ci dessus

 
edit : oui, le height 100% merde completement

Bon alors ? Y'a encore un problème ?