Paramètre height="100%" en XHTML

Fermé
Ministre - 15 janv. 2002 à 10:09
 breece - 20 mars 2008 à 16:44
onjour,

Actuellement en train de monter des pages test en XHTML, je m'aperçois que la valeur height="100%" ne semble pas etre pris en compte dans les 3 DTD, il ne prenne que des valeurs en pixel.

Ce que je souhaiterais serais de pouvoir faire en sorte que quelque soit la résolution de l'écran je puisse avoir mon image de fond sur la gauche qui prennent toute la place de l'écran. Avec ce code dessous ça marche nickel si j'enleve la ligne <!DOCTYPE ....>, le bon HTML quoi ;o)

Voici un morceau de mon code :
<table width="1000" border="0" cellspacing="0" cellpadding="0" summary="summary" height="100%">
<tr>
<td valign="top" colspan="2" height="2"><img src="img/noir.gif" width="1000" height="2" alt="noir" /></td>
</tr>
<tr>
<!-- Ici se place l'image de fond -->
<td valign="top" background="img/motif_super.jpg">...</td>
...</tr>
A voir également:

2 réponses

dark90 Messages postés 29 Date d'inscription vendredi 19 octobre 2001 Statut Membre Dernière intervention 6 août 2007 3
22 avril 2004 à 09:51
Je suis passé récemment au tout XHTML 1.1 et j'ai remarqué que la majorité des attributs de balises n'étaient plus prévues dans la norme.

Un conseil que je puisse te donner c'est de passer un maximum par les CSS, ça devrait te donner quelque chose comme :
<table style="width:1000px;height:100%;......">


Sinon, pour plus d'infos, il suffit d'aller voir sur le site du W3C ou d'utiliser le HTML validator sur le même site, ça te permettra de débugger plus rapidement en pointant directement sur tes erreurs.

Pour ton image fond, est-ce que c'est un motif répétable ou une grosse image que tu souhaites étirer ? (La deuxième solution risque de ne pas être esthétique !). Dans tous les cas, le CSS a une solution à te proposer, pour plus d'infos il suffit d'aller fire un tour sur fr.selfhtml.org, rubrique CSS.

En espérant t'avoir aidé :)

---------------------------------------------------
Pierre Meyer - http://pmeyer.freezope.org
1
J'avais un peu le même problème et suite à la lecture de cet article : http://blog.alsacreations.com/2004/05/13/3-height je l'ai résolu comme ça : <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr" style="height: 100%;">

Sur l'article en question, ils conseillent de donner une hauteur de 100% à la balise <body> également. Pour mon problème ça n'a pas été nécessaire (testé sous I.E., Firefox, Opera et Flock).
1