La Communauté Webmaster  forum rss


  Forum-webmaster
  Technique - programmation
  HTML / CSS / XHTML
(Modérateurs: Shain, Netah, Lilian, lauryv, ToToMaStEr)
  Table height 100%
« Précédent Suivant »
Pages: [1] Descendre
Répondre    Aviser des réponses    Envoyer le sujet    Imprimer
  Auteur  Sujet: Table height 100%  (Lu 1227 fois)
Table height 100%
« sur: le 12-03-2012 a 16:05:28 »
JLM Consultant
Membre récent
*

Hors-Ligne

Sexe: Male
Messages: 1





Voir le Profil    WWW    E-Mail
Répondre avec citation

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

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

Rapporter au modérateur  

Re:Table height 100%
« Répondre #1 sur: le 13-03-2012 a 13:16:14 »
vieactu
Superactif
****

Hors-Ligne

Messages: 503





Voir le Profil
Répondre avec citation

Utilise firebug pour rééquilibrer selon les différents navigateurs. Les tableaux c'est caca !

Rapporter au modérateur  
Re:Table height 100%
« Répondre #2 sur: le 13-03-2012 a 15:30:01 »
darkelda
Membre récent
*

Hors-Ligne

Sexe: Male
Messages: 46





Voir le Profil    WWW    E-Mail
Répondre avec citation

Utilise un reset CSS

Rapporter au modérateur  

Webmaster/Développeur indépendant
SIRET : 533 914 107 00024


www.darkelda.com
Re:Table height 100%
« Répondre #3 sur: le 13-03-2012 a 15:34:15 »
darkelda
Membre récent
*

Hors-Ligne

Sexe: Male
Messages: 46





Voir le Profil    WWW    E-Mail
Répondre avec citation

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 ?

Rapporter au modérateur  

Webmaster/Développeur indépendant
SIRET : 533 914 107 00024


www.darkelda.com
Répondre    Aviser des réponses    Envoyer le sujet    Imprimer
Pages: [1] Monter
« Précédent Suivant »
Sauter à: 

Votre statut : Invité
Vous devez être membre pour participer.
 
 
Let’s Encrypt : le certificat SSL gratuit
Tester votre site internet sur différents navigateurs
[WordPress] Des problèmes avec l’administration ?
Rappel : Mettez à jour vos CMS et vos sites E-commerce
Le .fr fête ses 25 années d’existence !
Mesurer votre audience en temps réel avec BubbleStat
Porter réclamation contre Google Panda ?
Zlio n’est plus …
 
 
 
 
 

Copyright (c) Devclic 2002 - 2026 - Tous droits réservés

creation site internet strasbourg