TABLE 100%, alternative ?

TABLE 100%, alternative ? - HTML/CSS - Programmation

Marsh Posté le 12-12-2003 à 17:01:12    

Prenons le code suivant:
 

Code :
  1. <HTML>
  2.    <BODY>
  3.       <TABLE width=300 height=100%>
  4.          <TR>
  5.             <TD>
  6.                &nbsp;
  7.             </TD>
  8.          </TR>
  9.       </TABLE>
  10.    </BODY>
  11. </HTML>


 
Bien que parfaitement fonctionnel dans IE, il ne respecte pas le standard W3. Je me demande donc si une alternative fonctionnelle est possible !!!


Message édité par kalios le 12-12-2003 à 17:01:37

---------------
.:coin:.
Reply

Marsh Posté le 12-12-2003 à 17:01:12   

Reply

Marsh Posté le 12-12-2003 à 17:04:59    

en recuperant la largeur de la fenetre avec un script js genre http://www.java.scripts-fr.com/scripts.php?js=23 ??

Reply

Marsh Posté le 12-12-2003 à 17:30:42    

Kalios a écrit :

Prenons le code suivant:
 

Code :
  1. <HTML>
  2.    <BODY>
  3.       <TABLE width=300 height=100%>
  4.          <TR>
  5.             <TD>
  6.                &nbsp;
  7.             </TD>
  8.          </TR>
  9.       </TABLE>
  10.    </BODY>
  11. </HTML>


 
Bien que parfaitement fonctionnel dans IE, il ne respecte pas le standard W3. Je me demande donc si une alternative fonctionnelle est possible !!!


 
Pourquoi ?  :heink:  A part le doctype manquant plus le caractère encoding manquant lui aussi, je ne vois pas en quoi il ne respecte pas le standard. Il ne respecte pas la sémantique du weh, ça oui... Mais c'est une autre histoire...

Reply

Marsh Posté le 12-12-2003 à 17:43:44    

Hermes le Messager a écrit :


 
Pourquoi ?  :heink:  A part le doctype manquant plus le caractère encoding manquant lui aussi, je ne vois pas en quoi il ne respecte pas le standard. Il ne respecte pas la sémantique du weh, ça oui... Mais c'est une autre histoire...


 
On a pas le droit de fixer la hauteur d'un tableau en 100% comme le le fais ici...
 
D'ailleur ce code ne marche pas dans mozilla...


---------------
.:coin:.
Reply

Marsh Posté le 12-12-2003 à 17:47:30    

Kalios a écrit :


 
On a pas le droit de fixer la hauteur d'un tableau en 100% comme le le fais ici...
 
D'ailleur ce code ne marche pas dans mozilla...


 
Ah exact, j'avais pas vu pour la hauteur. Ben tu peux la fixer dans une css par exemple, et là c'est bon, genre :
 
.hauteur { height=100% }
 
et dans ton code :
 
<table class="hauteur">

Reply

Marsh Posté le 12-12-2003 à 17:58:11    

Hermes le Messager a écrit :


 
Ah exact, j'avais pas vu pour la hauteur. Ben tu peux la fixer dans une css par exemple, et là c'est bon, genre :
 
.hauteur { height=100% }
 
et dans ton code :
 
<table class="hauteur">


 
Tient tu m'apprends quelque chose...


---------------
.:coin:.
Reply

Marsh Posté le 12-12-2003 à 18:00:45    

Kalios a écrit :


 
Tient tu m'apprends quelque chose...  


 
Ah ?
 
Faire une feuille de style et appliquer une classe à un élément HTML, c'est nouveau pour toi ?   :D  tu as encore plein de merveilleuses découvertes à faire.  :D

Reply

Marsh Posté le 12-12-2003 à 18:22:51    

Hermes le Messager a écrit :


 
Ah ?
 
Faire une feuille de style et appliquer une classe à un élément HTML, c'est nouveau pour toi ?   :D  tu as encore plein de merveilleuses découvertes à faire.  :D  


 
Hehe.. C'est l'utilisation du % que je ne pensais pas utilisable...


---------------
.:coin:.
Reply

Marsh Posté le 12-12-2003 à 19:27:18    

Hermes le Messager a écrit :


 
 
.hauteur { height:100%; }
 

[:aloy]


Message édité par Profil supprimé le 12-12-2003 à 19:27:49
Reply

Marsh Posté le 12-12-2003 à 19:33:23    

chacal_one333 a écrit :

[:aloy]


 
Oui, c'est mieux, même s'il n'est pas obligatoire pour la denière propriété. ;)

Reply

Marsh Posté le 12-12-2003 à 19:33:23   

Reply

Marsh Posté le 12-12-2003 à 19:40:02    

yavais les 2 point aussi :o

Reply

Marsh Posté le 12-12-2003 à 19:46:51    

chacal_one333 a écrit :

yavais les 2 point aussi :o


 
a oué merde...  :lol:

Reply

Marsh Posté le 13-12-2003 à 12:12:44    

Il faut aussi mettre 100% en height pour body, non ?


Message édité par antp le 13-12-2003 à 12:13:31

---------------
mes programmes ·· les voitures dans les films ·· apprenez à écrire
Reply

Marsh Posté le 16-12-2003 à 06:30:38    

antp a écrit :

Il faut aussi mettre 100% en height pour body, non ?


 
C'est ce que je penssait aussi; mais en fait chez moi, rien ne fonctionne, regarder ce site en dev : www.pim.no-ip.com sous ie c'est nikel, sous opera, mozilla & Co. la hauteur 100% ne fonctionne pas... l'ai-je mal appliquer ?  [:miracle]  [:mir45]


---------------
GENERATION MOBILES : Imprimantes GSM & logos/sonneries/jeux
Reply

Marsh Posté le 16-12-2003 à 08:53:44    

KdZ' a écrit :


 
C'est ce que je penssait aussi; mais en fait chez moi, rien ne fonctionne, regarder ce site en dev : www.pim.no-ip.com sous ie c'est nikel, sous opera, mozilla & Co. la hauteur 100% ne fonctionne pas... l'ai-je mal appliquer ?  [:miracle]  [:mir45]  


 
html,body {height: 100%; }

Reply

Marsh Posté le 16-12-2003 à 10:48:55    

Hermes le Messager a écrit :


 
html,body {height: 100%; }


 
oups, voila la bonne url : http://pim.no-ip.com/
 
login : hfr
pass : hfr
 
Et pour infos, c'est ce que j'ai fait mais ça ne fonctionne pas :
 

Code :
  1. body {
  2. margin: 0px;
  3. padding: 0px;
  4. height: 100%;
  5. width: 100%;
  6. font-family: Verdana, Arial, Helvetica, sans-serif;
  7. color: #797777;
  8. font-size: 10px;
  9. font-style: normal;
  10. font-weight: normal;
  11. text-decoration: none;
  12. background-color: #FFFFFF;
  13. }


<table height="100%" border="0" cellpadding="0" cellspacing="0" class="Global">
 
et voila global :  
 

Code :
  1. .Global {
  2. margin: 0px;
  3. padding: 0px;
  4. height: 100%;
  5. width: 95%;
  6. border: 0px none;
  7. }


 
 
Alors ? :p  :p  


Message édité par KdZ' le 16-12-2003 à 10:50:52
Reply

Marsh Posté le 16-12-2003 à 11:05:37    

Alors pour commencer, tu me vas me refaire tout ça en mettant TOUS les attributs dans les CSS, et non pas la moitié comme tu le fais actuellement. Donc exit les height ou les width dans les td ou les table ou je ne sais quoi d'autre. RIEN à part cellspacing et cellpadding (que tu peux laisser). TOUT avec des class bien CLAIRES et bien ORGANISEES.
 
ENsuite, tu verras que bcp de choses vont se résoudre d'elles-mêmes. Commence par faire ça, et je regarde ton problème (si jamais il persiste ce dont je doute).

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed