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; }
