Taille tableau

07 mars 2006, 12:58

Bonjour

J'aimerai savoir comment faire pour qu'un tableau prenne automatiquement la hauteur disponible sur la fenetre de l'utilisateur.

Merci d'avance

07 mars 2006, 13:17

Code : Tout sélectionner

table {
  height: 100%;
}

07 mars 2006, 13:20

Euh c dans du css ca ? Car mettre l'attibut height a 100% dans mon tableau ca le fait juste prendre la taille dont il a besoin et non toute la taille disponible

07 mars 2006, 13:21

le height: 100% n'est pas compatible IE et FF en plus.
Chez l'un il risque de donner la dimension de l'écran (par exemple 1024 pixels) alors que chez l'autre il va prendre la taille du conteneur (la balise parent en fait).

07 mars 2006, 13:30

le height: 100% n'est pas compatible IE et FF en plus.
Chez l'un il risque de donner la dimension de l'écran (par exemple 1024 pixels) alors que chez l'autre il va prendre la taille du conteneur (la balise parent en fait).

C'est pas ce que Darkbibou attend ?

Sinon, sous IE comme sous FF, le tableau prend la taille du conteneur parent, non ?

07 mars 2006, 14:59

Ben je suis pas certain justement.
Je me suis pas mal pris la tête sur la mise en page d'un site pour ses grands blocs (entête, pied-de-page, menu, corps) et il me semble avoir eut des problèmes justement parce que le comportement des pourcentages différait entre IE et FF.

Mais bon, à tester, je suis peut-être (j'espère) complétement à côté de la plaque.

07 mars 2006, 15:06

Bon j'ai rajouté une ligne dans mon css:

Code : Tout sélectionner

.table_bas_index{ Height: 100%; }

Et je l'ai associé a mon tableau:

Code : Tout sélectionner

<table border="1" width="100%" style="margin-left: auto; margin-right: auto "  height="100%"  background="./images/wheat_main.jpg" class="table_bas_index">

Problème: mon tableau n'occupe tjs pas tt l'espace dispo sur la page mais seulement ce doint il a besoin

07 mars 2006, 15:25

le problème vient de tes margin qui compressent le tableau à la taille dont il a besoin.

07 mars 2006, 15:28

Même si ce sont des marge droite et gauche et non haut et bas ?

07 mars 2006, 15:38

Après test, boulette de ma part, je sais donc plus pourquoi j'avais galéré lorsque j'essayais de mettre en place ma mise en page =)

07 mars 2006, 15:56

Même si ce sont des marge droite et gauche et non haut et bas ?

J'avais mal lu

Et si tu essaye de spécifier que tu ne veut pas de marge haut et bas ?

Code : Tout sélectionner

<table border="1" width="100%" style="margin: 0 auto 0 auto;"  height="100%"  background="./images/wheat_main.jpg" class="table_bas_index">

07 mars 2006, 17:29

Ca marche pas

07 mars 2006, 18:09

En tout cas ça vient pas du tableau vu que le code suivant affiche un tableau qui occupe tout l'écran sous FF et IE :

Code : Tout sélectionner

<HTML>
  <HEAD>
    <STYLE>
      table {
        height:100%;
        width:100%;
        border:1px solid black;
      }
    </STYLE>
  </HEAD>
  <BODY>
    <TABLE>
      <TR><TD>1</TD><TD>2</TD><TD>3</TD><TR>
      <TR><TD>4</TD><TD>5</TD><TD>6</TD><TR>
      <TR><TD>7</TD><TD>8</TD><TD>9</TD><TR>
    </TABLE>
  </BODY>
</HTML>

Taille tableau

Qui est en ligne