Titre: Table height 100%
Posté par: JLM Consultant le le 12-03-2012 a 16:05:28
Bonjour à tous,
J'ai besoin de vous car mes compétences d'autodidacte en HTML + CSS ont été mises à dure épreuve récemment !
Voila mon problème !
Comme beaucoup de webmaster, j'utilise les tableau pour la mise en page de mes sites web .... Je sais, C'EST PAS BIEN ... Mais lapider une vieille dame ou crucifier un bébé non plus c'est pas bien et ça, promis, je l'ai pas fait, ou je ne m'en souviens plus !
Dans une page développée en doctype HTML 4.01 Transitional, j'utilise 2 tableaux imbriqués avec une hauteur=100% pour avoir une entête et un pied de page quelque soit la résolution de l'écran.
Avec FireFox et Google Chrome, tout va bien !
Avec Internet Explorer, mes tableaux dépassent et il suffit que ne déclare pas le doctype pour que l'affichage soit correcte !
Ci dessous, le lien vers une page test :
http://moncler.free.fr/test.php (http://moncler.free.fr/test.php)
Ci dessous, le code source de la page :
Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>TEST</title>
<style type="text/css">
html { height:100% ; width:100% }
body { height:100% ; width:100% ; margin:0px ; padding:0px ; border:none ; background-color:#FFFFFF }
table { font-family:Arial,Verdana,Helvitica ; font-size:10pt ; color:#404040 ; border-collapse:collapse }
</style>
</head>
<body>
<!-- Table pour la mise en page -->
<table cellpadding="10" cellspacing="0" width="100%" style="border:2px solid #FF0000;height:100%" ><tbody>
<tr><td align="center" style="border:2px solid #FF0000" >
HAUT DE PAGE
</td><tr><td align="center" valign="top" style="border:2px solid #FF0000;height:100%" >
<!-- Table accueillant le corps de page -->
<table cellpadding="10" cellspacing="0" width="1000" style="border:2px solid #0000FF;height:100%" ><tbody>
<tr><td align="center" valign="top">
CORPS DE PAGE
</td></tr>
</tbody></table>
</td><tr><td align="center" style="border:2px solid #FF0000">
BAS DE PAGE
</td></tr>
</tbody></table>
</body>
</html>
|
|
Bref ... AU SECOURS ... Et merci d'avance pour votre aide !
Jean Louis
|
Titre: Re:Table height 100%
Posté par: vieactu le le 13-03-2012 a 13:16:14
| Utilise firebug pour rééquilibrer selon les différents navigateurs. Les tableaux c'est caca ! |
Titre: Re:Table height 100%
Posté par: darkelda le le 13-03-2012 a 15:30:01
Titre: Re:Table height 100%
Posté par: darkelda le le 13-03-2012 a 15:34:15
http://www.alsacreations.com/astuce/lire/36-reset-css.html
http://meyerweb.com/eric/tools/css/reset/
http://css.4design.tl/5-reset-css-a-la-loupe-pour-une-remise-a-zero-des-valeurs-par-defaut-des-navigateurs
Et s'il vous plaît, arrêté avec les tableaux pour de la mise en page, c'est sémantiquement à vomir !
Et pour ceux qui défendent la mise en page via tableaux, je voudrais savoir si ils font un rapport ou une dissertation dans Excel ou dans Word ? |
Forum-webmaster | Actionné par YaBB SE
© 2001-2003, YaBB SE Dev Team. Tous droits réservés.
|