Espace blanc dans une table sous IE

F-Red · 19 Août 2006

Bonjour à tous,

Après avoir passé une après-midi à m'arracher le peu de cheveux qu'il me reste, je m'en remet à vous...

Tout d'abord l'adresse : http://www.defresart.be/didju/

Sous Firefox, tout va bien, sous IE il me met une ligne blanche et je n'ai aucune idée de la cause...

Vous allez sans doute me dire que je ferais mieux de mettre tout ça en DIV... et vous auriez raison !

J'ai bien essayé mais en étant constamment confronté au problèmes des 3 pixels...

Enfin si quelqu'un veut me prouver que je suis à côté de mes pompes et que l'on peut faire ça en div sans aucun problème d'espace... je ne dis pas non.

En attendant, si vous connaissez la cause de la ligne blanche, je vous en serez très reconnaissant.

Bonne soirée,

F-Red

Le HTML :

<!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=iso-8859-1" />
<title>Foutu pixel</title>
<link href="index.css" rel="stylesheet" type="text/css" />
</head>

<body>
<div id="pagewidth-1024">
	<table id="header" cellpadding="0" cellspacing="0">
		<tr>
			<td id="header-left">
				<table id="header-left-table" cellpadding="0" cellspacing="0">
					<tr>
						<td id="header-top-left">
							<object type="application/x-shockwave-flash"
								data="flash/logo_gauche.swf" width="174" height="86">
								<param name="movie" value="flash/logo_gauche.swf" />
								<param name="quality" value="high" />
								<param name="wmode" value="transparent" />
							</object>
						</td>
					</tr>
					<tr>
						<td id="header-bottom-left">
							<img src="images/gauche_fleches.gif" width="174" height="83" alt="" />
						</td>
					</tr>
				</table>
			</td>
			<td id="header-right">
				<table id="header-right-table" cellpadding="0" cellspacing="0">
					<tr>
						<td id="top-menu">menu</td>
					</tr>
					<tr>
						<td id="top-quote">quote</td>
					</tr>
				</table>
			</td>
		</tr>
	</table>
</div>
</body>
</html>

Le CSS

/* general stuff */

body {
	background-color:#BFCEE3;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin:10px 0px;
	padding:0px;
	text-align:center;
}

a {
	color:014FA2;
	font-weight:bold;
	text-decoration:none;
}
a:hover {
	color:FF33CC;
}


.clr {
	clear:both;
}

ul {
	margin:0px;
	padding:0px;
	list-style:none;
}

li {
	font-size:10px;
	line-height:15px;
	padding-left:15px;
	padding-top:0px;
}

p {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
}

/* Layout */

#pagewidth-1024 {
	background-color:#FFFFFF;
	border:2px solid #014FA2;
	margin-bottom:20px;
	margin-left:auto;
	margin-right:auto;
	text-align:justify;
	width:970px;
}

/* Header */

#header {
	height:180px; 
	width:970px;
}

#header-left {
	height:180px;
	width:174px;
}

#header-left-table {
	height:180px;
	width:174px;
}

#header-top-left {
	background-color:#014FA2;
	height:97px;
	vertical-align:top;
	width:174px;
}

#header-bottom-left {
	height:83px;
	width:174px;
}

#header-right {
	height:180px;
	padding:0px;
	width:796px;
}

#header-right-table {
	height:180px;
	width:796px;
}

#top-menu {
	background-image:url(images/banner-top.jpg);
	background-repeat:no-repeat;
	height:125px;
	width:796px;
}

#top-quote {
	height:55px;
	width:796px;
}

marcelman · 20 Août 2006

Pourquoi ne mets-tu pas ta première ligne dans un seul tableau à 2 colonnes au lieu de mettre 2 tableaux côte à côte ? Je pense que ça résoudrait ton problème.

F-Red · 20 Août 2006

J'ai fini par solutionner le problème en modifiant légèrement mes différentes cases...

Connexion

Espace blanc dans une table sous IE

Sujets conseillés

F-Red

Lien vers le commentaire

Partager sur d’autres sites

marcelman

Lien vers le commentaire

Partager sur d’autres sites

F-Red

Lien vers le commentaire

Partager sur d’autres sites

Veuillez vous connecter pour commenter

Parcourir

Activité