[Résolu] Height 100 % dans un tableau

Bonjour à tous,

Voila 2 jours que je m'arrache les cheveux, et je vois que mon pb est récurrant.
J'ai déjà parcouru quelques forums et essayé les solutions proposé dans les tut de ce site que je découvre.

Je suis de l'ancienne école pour la construction des sites, mais il faut bien avancer à un moment, et j'avoue ne pas tout maitrisé avec les nouvelles normes.

Bon, passons au problème :

J'ai une page html construite avec des tableaux (je sais, je sais...)
1 tableau avec hauteur fixe pour l'entete
1 tableau avec hauteur fixe pour le pied de page
1 tableau dont la hauteur devrait variée en fonction de la hauteur visible dans le navigateur (IE 7 pour le coup)

J'ai mis dans ma css

html, body {
	height: 100%;
	width: 100%;
	background-color: #333232;
	padding: 0;
	margin: 0;
	border: none;
}
#centpourcent {
	height: 100%;
  }

et dans ma page :

<table width="769" border="1" align="center" cellpadding="0" cellspacing="0" id="centpourcent" >
  <tr>
    <td width="9" height="100%" background="img/ombre_gauche.gif">&nbsp;</td>
    <td width="751" height="100%">&nbsp;</td>
    <td width="9" height="100%" background="img/ombre_droite.gif">&nbsp;</td>
  </tr>
</table>

Mon tableau central s'étire bien en fonction de la hauteur visible, mais ne prends pas en compte la hauteur de "l'entete" et du "pied de page".

J'ai essayé avec des padding-top et bottom, mais rien ni fait, j'ai même mis le tableu du milieu dans un div, mais là non plus, pas de résultat probant.

Je me tourne donc vers vous pour me filer un coup de main

Merci d'avance
Modifié par Dens (06 Mar 2009 - 15:49)

#centpourcent {

	height: 100%;

  }

lorsque tu définis 100% en hauteur cela définit 100% par rapport à la page, pas rapport à ces éléments


il faut mettre tes 3 tableaux dans des divs,
en css donnée des hauteurs à chacun de ces divs soit à l'aide d'un pourcentage soit d'une hauteur fixe (em ou px)


bon courage
Modifié par jeanjeanjean (05 Mar 2009 - 18:49)

Salut et merci,

J'avoue que mes neurones ont du mal a fonctionner après une journée de recherche !!!

Mais si j'ai bien compris :

1 div avec hauteur fixe pour mon "entete"

1 div avec hauteur 100% pour le contenu

1 div avec hauteur fixe pour mon "pied de page"

et le tour est joué ???

Si c'est la solution, tu es mon sauveur

Je crois que je vais commencer par ça demain

Merci encore

salut,

va voir ici, tu auras peut etre une réponse.

http://blogs.codes-sources.com/chronos/archive/2008/03/13/cr-ation-d-un-template-en-2-colonnes-statiques.aspx

Merci à vous,

J'ai suivi la piste de flattazor et commence à entrevoir le bout du tunnel.

Mon pied de page reste effectivement en bas, mais il reste également désepérément aligner à gauche alors que j'aimerais le voir centré comme l'entete et le contenu.

J'ai cru lire que la position absolute faisait sortir du flux, est-ce pour cela que mon pied de page est à gauche ?

Merci d'avance de votre aide

Salut,

Merci à tous, j'ai réussi à résoudre mon problème en décortiquant le tuto fournit par flattazor, et après quelques sueurs froides et envie de tout foutre en l'air, j'ai enfin réussi.

encore merci à vous pour votre participation