Se connecter avec
S'enregistrer | Connectez-vous

Tableaux à 100 %

Dernière réponse : dans Programmation

Salut à tous,

J'ai un problème très chiant avec une page web. Je vous expose le problème. Je voudrais que mon tableau remplisse toute la page. Bon, ça j'ai réussi avec une bidouille en css. Maintenant, mon tableau se divise en 3 lignes. Je voudrais que la première se positionne en haut (taille en pixel définie), et la troisième se positionne en bas (taille en pixel définie) et que la ligne du milieu s'ajuste au reste, et ce, que cette ligne soit bien remplie ou quasimment vide.

Un petit code valant de longs discours, voilà où j'en suis rendu. A noter, que ça marche très bien sur Firefox mais que ce ^$('^é"mr de Internet Explorer l'interprète très mal.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Document sans titre</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

<link href="style.css" rel="stylesheet" type="text/css">
</head>

<body>
<table width="100%" height="100%" border="1" cellpadding="0" cellspacing="0">
<tr>
<td height="183">toto</td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td height="19" bgcolor="#000000">POUET</td>
</tr>
</table>
</body>
</html>

Et le CSS :

html, body {
margin: 0;
padding: 0;
height: 100%
}

Si quelqu'un a une idée sur le sujet, ça m'intéresse ! :) 

Merci d'avance ! :) 

NIcotokyo

Autres pages sur : tableaux 100

Lassé par la pub ? Créez un compte

KangOl a écrit1/ soit tu mets tout dans le css, soit tu utilises les propriétés des elements, mais pas les deux en meme temps (enfin, dans la mesure du possible)
2/ la hauteur de td est a préciser en px


Merci pour l'info ! J'ai cherché des trucs orientés CSS et j'ai trouvé ça : http://www.able2know.com/forums/about39500.html . Ca marche. Il a fallu que je le bricole un peu mais ça a marché.

J'vais chercher des infos sur les CSS parce que ça m'a l'air drôlement puissant...

Merci ! :) 

Nicotokyo

pour info tu peux melanger css et propriété des éléments, c'est fortement déconseillé toutefois car c'est juste une question de priorité mais qui s'avère rapidement inextricable ...
  1. <title>Nouvelle page 1</title>
  2. <style type='text/css'>
  3. .header {height:10px;
  4. background-color:red;}
  5. .footer {height:10px;
  6. background-color:red;}
  7. .middle {height:100%;}
  8. </style>
  9. </head>
  10.  
  11. <body style="margin:0px;">
  12. <table border="1" style="width:100%;height:100%">
  13. <tr class="header">
  14. <td width="33%"> </td>
  15. <td width="33%"> </td>
  16. <td width="34%"> </td>
  17. </tr>
  18. <tr class="middle">
  19. <td width="33%"> </td>
  20. <td width="33%"> </td>
  21. <td width="34%"> </td>
  22. </tr>
  23. <tr class="footer">
  24. <td width="33%"> </td>
  25. <td width="33%"> </td>
  26. <td width="34%"> </td>
  27. </tr>
  28.  
  29.  
  30. </table>
  31.  
  32. </body>
  33. </html>
Lassé par la pub ? Créez un compte