Contenir un tableau dans une page sans scroll

Fermé
louseb84 - 30 juil. 2009 à 22:17
 louseb84 - 30 juil. 2009 à 22:54
Bonjour,

voilà en faite je cherche a créer un tableau qui s'adapte automatiquement a la résolution d'écran du visiteur... en fullscreen quoi...!!!!

il ce compose de la manière suivante:
-1 en tête où j'introduirais une bannière
-1 partie central
-1 pied de page où j'intégrerais un lecteur de musique, un petit copyright et une paire de lien.

la structure du tableau et faite, reste que celui si n'en fait qu'a sa tête et ce redimensionne tous seul en fonction de ce qu'il y a dedans. j'ai pourtant attribuer des valeurs de hauteur et de largeur en %.
quelqu'un aurait il la solution...???
par avance merci


fichier html :

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Document sans nom</title>
<link rel="stylesheet" media="screen" type="text/css" title="sanstitre-3" href="sanstitre-3.css" />
</head>

<body>

<table class="table">
<tr class="en_tete">
<td>
<p>hskughsqkjghqs<br />jghqsjkghqrjghjrqk<br />gsqnqrjgngfjksdhgjghdkjghjh<br />tjkshgjkhgkjshgjt<BR />ksghtjkhtsjkghst<br />jkghstjkghtrejk<br />ghetrjkghestrkjgher<br />tjkghetrjkghesjkg<br />hertjkghjkghe<br />kghertjkghertjkghe<br />rjktghterjkghjkehgj<br />ketrhgghtekjghejtrksg<br />htkhyueuheukthjerjkt<br />hekthejlkthekther </p>
</td>
</tr>
<tr class="centre">
<td>
<p>hskughsqkjghqs<br />jghqsjkghqrjghjrqk<br />gsqnqrjgngfjksdhgjghdkjghjh<br />tjkshgjkhgkjshgjt<BR />ksghtjkhtsjkghst<br />jkghstjkghtrejk<br />ghetrjkghestrkjgher<br />tjkghetrjkghesjkg<br />hertjkghjkghe<br />kghertjkghertjkghe<br />rjktghterjkghjkehgj<br />ketrhgghtekjghejtrksg<br />htkhyueuheukthjerjkt<br />hekthejlkthekther </p>
</td>
</tr>
<tr class="pied_de_page">
<td>
</td>
</tr>

</table>
</body>
</html>






celui du css:

@charset "utf-8";
/* CSS Document */
.table {
width:100%;
height:100%;
border-collapse:collapse;

}

.en_tete {
width :100%;
height :10%;
background : yellow;
}
.centre{
width :100%;
height :80%;
background : pink;
}
.pied_de_page{
width :100%;
height :10%;
background : red;
}
A voir également:

1 réponse

ma demande est elle autant dénuer de sens que cela que personne n'ose ce lancer dans une explication ou est ce qu'elle est trop mal formulé.....????
j'ai réussi a intégrer un player, un diaporama en java et je bute sur la mise en page..... je ne veut pas que ma page nécessite l'utilisation de scroll tout en s'adaptant a tous les résolution d'écran.... est ce si dure a créer...????

merci de me mettre sur la voie
seb
0