Contenir un tableau dans une page sans scroll
louseb84
-
louseb84 -
louseb84 -
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;
}
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:
- Contenir un tableau dans une page sans scroll
- Tableau word - Guide
- Comment imprimer un tableau excel sur une seule page - Guide
- Supprimer une page dans word - Guide
- Trier un tableau excel - Guide
- Tableau ascii - Guide
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
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
