Problème tableau HTML sous IE

Logiciel & apps Programmation
1

Je suis exaspéré la. Je me suis monté une petite page pour ma compagnie sur Ebay… donc ca doit etre du HTML. J’avais fini par en venir à bout! Je travaille sur mac avec Dreamweaver et je test sur Firefox/ Safari et Opera . Et la j’ai ouvert mon PC pour vérifier avec IE, ca fonctionne pas à moitié. Allez voir à l’adresse : www.8me.org . Il y a un espace qui se créer entre les cellules du haut et du bas ce qui empeche de fusionner mon tableau au coin arrondi. Que faire je suis à bout de souffle. J’ai le meme probleme en haut avec ma banniere il y a une bande brune qui apparait.

C’est important de le dire c’est utilisé avec auctiva.com donc photo, texte, titre et autres c’Est dynamique et géré par auctiva.

Voici le code:

 

<!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>Template listing koool.net</title>
</head>

<body>

<table WIDTH="100%" height="160" border="0" CELLPADDING="0" CELLSPACING="0"  BACKGROUND="http://img175.imageshack.us/img175/8715/backtk7.jpg">

<tr valign="top">

<td>
</td>

<td align="center"> <img src="http://img175.imageshack.us/img175/7310/bande1tl0.jpg" height="160" border="0">
</td>

<td> 
</td>

</tr>

 </table>

<table width="100%" border="0" cellpadding="0" cellspacing"0">

<tr>

<td align="left">
</td>

<td align="center"> 
</td>


<td align="center" border="10" bordercolor="#000000" valign="top">  <img src="http://img363.imageshack.us/img363/8629/paypalacceptstu1.jpg" height="23"><img src="http://img120.imageshack.us/img120/2649/logoccvisaxy2.gif" /> <img src="http://img403.imageshack.us/img403/3622/logoccmcff2.gif" /> <img src="http://img403.imageshack.us/img403/6672/logoccdiscoverdo8.gif" /> <img src="http://img248.imageshack.us/img248/610/logoccamexjk7.gif" /> <img src="http://img88.imageshack.us/img88/350/logoccbankoc9.gif" /></td>

</tr>

</table>

<table width="100%" border="0" cellpadding="0" cellspacing="0">

<tr height="50">
<td width="100%" align="left" colspan="3"> <img src="http://img98.imageshack.us/img98/1471/contactusvh4.jpg" />
</td>

</tr>

<tr>

<td align="left" width="10%">
</td>


<td align="center" width="80%"> <font face="Impact, Arial" color="#000000" size="6"> [TITLE] </font>
</td>

<td align="right" width="10%">
</td>

</tr>


<tr>

<td align="left" width="10%">
</td>

<td align="center" width="80%"> <font face="Impact, Arial, Helvetica, sans-serif" color="#000000" size="3"> <i>[SUBTITLE]</i> </font>
</td>

<td align="right" width="10%">
</td>

</tr>

<tr height="38">
</tr>

</table>


<table width="100%" border="0" bordercolor="#000000" cellpadding="0" cellspacing="0" align="center">

<tr>




<td width="400" align="right" rowspan="3"> 


<!--- PICTURE 1 INSERT --> 
<img src="http://www.futureshop.ca/multimedia/products/large/10080617.jpg" width="400" height="400" />
<!--- PICTURE 1 INSERT END -->

</td>




<td width="21" height="39" align="right" valign="baseline"> <img src="http://www.imagehosting.com/out.php/i1645362_tableau01.jpg" />
</td>

<td width="300" height="39" background="http://img512.imageshack.us/img512/4954/tableau03op9.jpg" nowrap="nowrap">
</td>

<td  width="175" height="39" align="left" valign="baseline"> <img src="http://img237.imageshack.us/img237/6963/des1yn1.jpg" />
</td>

<td width="21" height="39" align="left" valign="baseline"> <img src="http://img255.imageshack.us/img255/6355/des2jl3.jpg"/>

</tr>

<tr>

<td rowspan="2" width="21" height="400" align="right" background="http://img509.imageshack.us/img509/4156/tableau09qu2.jpg">
</td>

<td rowspan="1" colspan="2" width="100%" height="400" valign="top" align="justify"><font face="Arial, Helvetica, sans-serif" color="#534741">

<br />

<!--- DESCRIPTION INSERT -->
penis, black PU and black Flocking. Elegant and class style. This case if for Apple iPod Video 30G only. Size: 7.6 x 12.7 x 2.1 cm. *Note: iPod sold separately. More Info

WebID:	10078719
Mfr. Part Number:	NT-MP158

More Information

*This case is for previous generation iPod f

<!--- DESCRIPTION END  -->

</font>

</td>

<td rowspan="2" width="21" height="400" align="left" background="http://img404.imageshack.us/img404/3783/cotedroitud5.jpg">
</td>

</tr>

<tr>
</tr>

<tr>
<td width="400" align="right">
</td>

<td width="21" height="26" align="right"> <img src="http://img262.imageshack.us/img262/6744/tableau15ul9.jpg" />
</td>

<td width="100%" height="26" align="left" background="http://img253.imageshack.us/img253/7729/tableau17ej5.jpg" nowrap="nowrap">
</td>

<td width="196" height="26" align="left" colspan="2"> <img src="http://img211.imageshack.us/img211/2816/tableau1509su5.jpg"/>
</td>


</tr>

<tr>

<td>
</td>

</tr>

</table>

<br />


<table width="800" align="center" cellpadding="0" cellspacing="27" border="0">

<tr>

<td width="750" height="150" align="left" background="http://img20.imageshack.us/img20/8545/shipping2da6.jpg" nowrap="nowrap">
</td>

</tr>

<tr>

<td width="750" height="150" align="left" background="http://img217.imageshack.us/img217/9504/paymentbuyitnowot9.jpg" nowrap="nowrap">
</td>

</tr>

</table>

<table width="660" height="90" align="center" cellpadding="0" cellspacing="0" border="0" bordercolor="#000000">


<tr>

<td width="15" align="left">

<td width="630" height="90" align="center" background="http://img155.imageshack.us/img155/8548/fromcanada90x90cx3.jpg">
</td>

<td width="15" align="right">
</td>


</tr>
 
</table>
 
 
</body>
</html>
2

Oui j’ai vu le petit espace dans IE vais voir
Edité le 05/04/2008 à 15:13

3

Voila ce que je propose pour que le cadre s’affiche correctement sur IE7 et sur Safari : (pas tester les autres navigateurs)


<html>
<head>
<title>Template listing koool.net</title>

        <style type="text/css">
        .style2
        {
            width: 313px;
        }
        .style4
        {
            height: 330px;
        }
        .style5
        {
            height: 330px;
        }
        .style6
        {
        }
        .style8
        {
            width: 155px;
        }
            .style9
            {
                width: 279px;
            }
        </style>
    </head>

<div style="height: 159px; background-image: url('http://img175.imageshack.us/img175/8715/backtk7.jpg');">
    <center style="height: 164px"><img alt="" src="http://img175.imageshack.us/img175/7310/bande1tl0.jpg" 
            style="height: 160px" /></center></div>
<center>
    <img alt="" src="http://img363.imageshack.us/img363/8629/paypalacceptstu1.jpg" /><img alt="" 
        src="http://img120.imageshack.us/img120/2649/logoccvisaxy2.gif" /><img alt="" 
        src="http://img403.imageshack.us/img403/3622/logoccmcff2.gif" /><img alt="" 
        src="http://img403.imageshack.us/img403/6672/logoccdiscoverdo8.gif" /><img alt="" 
        src="http://img248.imageshack.us/img248/610/logoccamexjk7.gif" /><img alt="" 
        src="http://img88.imageshack.us/img88/350/logoccbankoc9.gif" /></center>
<br />
<img alt="" src="http://img98.imageshack.us/img98/1471/contactusvh4.jpg" /><br />
<center style="font-family: Impact, Arial; font-size: 8mm;">[TITLE]</center>
    <center style="font-family: Impact, Arial, Helvetica, sans-serif; font-style: italic;">[SUBTITLE] </center><br /><br />

    <table style="width: 121%; height: 307px;">
        <tr>
            <td class="style9">
                <img alt="" 
                    scr="http://www.futureshop.ca/multimedia/products/large/10080617.jpg" 
                    src="http://www.futureshop.ca/multimedia/products/large/10080617.jpg" 
                    style="width: 298px; height: 380px; margin-right: 0px; margin-top: 2px;" /></td>
            <td class="style2">
<TABLE borderColor=#000000 cellSpacing=0 cellPadding=0 align=center 
border=0 style="height: 380px; width: 504px;">
<tr>
<td>
    <img alt="" src="http://www.imagehosting.com/out.php/i1645362_tableau01.jpg" /></td><td class="style2">
        <img alt="" src="http://img512.imageshack.us/img512/4954/tableau03op9.jpg" 
            style="width: 100%; height: 40px;" /></td>
    <td class="style8">
        <img alt="" src="http://img237.imageshack.us/img237/6963/des1yn1.jpg" 
            style="height: 100%; width: 100%" /></td>
    <td>
        <img id="0" alt="" src="http://img255.imageshack.us/img255/6355/des2jl3.jpg" 
            style="width: 100%; height: 40px;" /></td>
</tr>
<tr>
<td class="style4">
    <img alt="" height="100%" src="http://img509.imageshack.us/img509/4156/tableau09qu2.jpg" 
        style="width: 20px;" /></td><td class="style4" colspan="2">
        <div style="height: 324px; width: 456px">
            <br />
            <font color="#534741" face="Arial, Helvetica, sans-serif">penis, black PU and 
            black Flocking. Elegant and class style. This case if for Apple iPod Video 30G 
            only. Size: 7.6 x 12.7 x 2.1 cm. *Note: iPod sold separately. More Info WebID: 
            10078719 Mfr. Part Number: NT-MP158 More Information *This case is for previous 
            generation iPod f </font>
        </div>
    </td>
    <td class="style5">
       <!--[if IE]>
        <img alt="" height="100%" src="http://img404.imageshack.us/img404/3783/cotedroitud5.jpg" width="22" /></td>
        <![endif]-->
        
        <img alt="" height="100%" src="http://img404.imageshack.us/img404/3783/cotedroitud5.jpg" width="15" /></td>
       
</tr>
<tr>
<td>
    <img alt="" src="http://img262.imageshack.us/img262/6744/tableau15ul9.jpg" /></td><td class="style2">
        <img alt="" src="http://img253.imageshack.us/img253/7729/tableau17ej5.jpg" 
            style="width: 100%; height: 26px" /></td>
    <td class="style6" colspan="2">
        <!--[if IE]>
        <img alt="" src="http://img211.imageshack.us/img211/2816/tableau1509su5.jpg" style="width: 100% ;" 
            height="100%" /></td>
            <![endif]-->
            
            <!--[if !IE]> <-->
        <img alt="" src="http://img211.imageshack.us/img211/2816/tableau1509su5.jpg" style="width: 172px ;" 
            height="100%" /></td>
            <!--> <![endif]-->

</tr>
</TABLE>
            </td>
        </tr>
    </table>
<br />
<center><img alt="" src="http://img20.imageshack.us/img20/8545/shipping2da6.jpg" /><br /></center><br />
<center><img alt="" src="http://img217.imageshack.us/img217/9504/paymentbuyitnowot9.jpg" /><br /></center><br />

    <center><div style="background-image: url('http://img155.imageshack.us/img155/8548/fromcanada90x90cx3.jpg'); height: 90px; width: 628px;">
</div></center>

</html>

Edité le 07/04/2008 à 20:31

4

up