indésirables espace avant et après imbriquée tableau html à l'aide d'Internet Explorer 8
J'ai un tableau html imbriquée dans un tableau html cellule. Je veux la table imbriquée à utiliser la totalité de la taille de la cellule, il est imbriqué dans. Quand j'utilise firefox ou google chrome, j'obtiens le résultat que je veux, mais quand j'utilise Internet Explorer 8 (même si j'utilise td style="height="100%"), la hauteur de la imbriquée de la cellule dépend de son contenu. En conséquence, je reçois les espaces avant et après ma table imbriquée. Voici un simple code html qui va reproduire le problème.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
</head>
<style type="text/css">
<!--
body, html, table{
height: 100%;
width: 100%;
margin:0;
padding:0;
}
table, td, th {border:#000 medium solid}
</style>
<body>
<table>
<tr>
<th style="margin:0;padding:0;height:100;">
<table><tr><th style="height:100%">nested cell</th></tr></table>
</th>
</tr>
</table>
</body>
</html>
- Pour ce qu'il vaut, ces jours, il est considéré comme une meilleure conception <DIV> et le modèle de boîte CSS pour la mise en page. Plus souple et plus facile à contrôler.
- Merci tom. Mais depuis la page que j'ai est deja conçu avec des tables et je n'ai pas le temps de tout changer, je me demandais si il y avait une solution rapide à mon problème. D'ailleurs, en principe, je devrais être en mesure de prendre le contrôle de la par des tableaux d'affichage avec le css, ne devrais-je pas?
Vous devez vous connecter pour publier un commentaire.
Ici est votre problème, vous avez spécifié
<th style="margin:0;padding:0;height:100;">
en CSS style pour vousth
à l'intérieur de votre principaltable
.Cela devrait résoudre votre problème, essayez d'utiliser
height:100%;
à la place.EDIT:
De se débarrasser de vous de l'espace supplémentaire qui nécessite IE8 pour faire défiler jusqu'en bas de la page, vous peut vous retirer de la frontière et ajouter
cellpadding="0" cellspacing="0"
à vous de la table principale.À l'aide du code joint a fonctionné pour moi pour IE et FF, mais a dû supprimer les frontières telles qu'elles sont traitées différemment par IE et FF
Dans votre
<th>
, vous avez "hauteur:100;" au lieu de "height:100%;" - il manque le "%"au lieu de
essayez juste d'ajouter
th{height:100%}
à votre feuille de style css