Forum-webmaster 
Technique - programmation => HTML / CSS / XHTML => Message commencé par: comtevlad le le 11-05-2005 a 15:07:56
Titre: tableau à 100% de la page !
Posté par: comtevlad le le 11-05-2005 a 15:07:56
??? bonjour je n'arrive jamais à faire ne sorte que mon tableau s'affiche rééllement entierement dans ma page avec ce code :

<table width="100%" height="100%" border="2" cellpadding="0" cellspacing="0" bordercolor="#d60018">
<tr>
<td></td>
</tr>
</table>

alors qu'il est à 100% de largeur et de hauteur et que j'ai supprimé toutes les marges de ma page avec ça :

body {
   margin-left: 0px;
   margin-top: 0px;
   margin-right: 0px;
   margin-bottom: 0px;
   background-color: #FFFFFF;
}


Pourriez-vous me dire pourquoi SVP ?

merci à vous
Titre: Re:tableau à 100% de la page !
Posté par: Shain le le 11-05-2005 a 17:03:31
ton problème vient qu'il ne se met pas à 100% en hauteur ? En largeur ? Les 2 ? Peut etr peut tu poster le code complet de ta page ?
Titre: Re:tableau à 100% de la page !
Posté par: comtevlad le le 11-05-2005 a 17:06:30
en largeur aucun souci ! c'est toujours en hauteur que ça marche pas ! voici le code complet :

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Document sans titre</title>
<style type="text/css">
<!--
body {
   margin-left: 0px;
   margin-top: 0px;
   margin-right: 0px;
   margin-bottom: 0px;
   background-color: #FFFFFF;
}
-->
</style></head>

<body>
<table width="100%" height="100%" border="2" cellpadding="0" cellspacing="0" bordercolor="#d60018">
<tr>
<td></td>
</tr>
</table>
</body>
</html>

merci d'avance
Titre: Re:tableau à 100% de la page !
Posté par: Shain le le 11-05-2005 a 17:15:16
Tu peux t'inspirer de ce tutorial. Perso je n'ai pas testé mais ca doit marcher : http://developpeur.journaldunet.com/tutoriel/dht/050425-html-tableau-centrer-valide.shtml
Titre: Re:tableau à 100% de la page !
Posté par: comtevlad le le 11-05-2005 a 17:20:58
impec !! j'ai simplement mis ça :

body {
height: 100%;
width: 100%;
margin: 0;
padding: 0;
border: none
}

à la place de ça :

body {
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
background-color: #FFFFFF;
}

et j'obtien enfin un tableau qui prend TOUTE la page ! merci à toi ! ;)
Titre: Re:tableau à 100% de la page !
Posté par: Shain le le 11-05-2005 a 17:21:49
Pas de quoi :-)


Forum-webmaster | Actionné par YaBB SE
© 2001-2003, YaBB SE Dev Team. Tous droits réservés.