28172 sujets

CSS et mise en forme, CSS3

Bonjour,
J'ai un soucis sous IE avec le code qui suit :


<table width="100%" margin="0" padding="0" border="0" cellpadding="0" cellspacing="0">
                            <tr style="height: 50px;">
                                <td width="1">
                                    <img src="../resources/images/welCom/toolbar/gauche.jpg" />
                                </td>
                                <td bgcolor="#a1c7e6">
                                    ...  ici ma barre de navigation ....
                                </td>
                                <td width="1">
                                    <img src="../resources/images/welCom/toolbar/droite.jpg" />
                                </td>
                            </tr>
                        </table>


Alors j'ai 2 images pour faire mes bords arrondi de chaque coté mais seul problème la cellule du milieu (qui est coloré de la même couleur que mes bords arrondi) dépasse (vers le bas) d'environ 2 pixels et je ne comprend pas pkoi ....
Si quelqu'un a une soluce ? ou même une autre façon de faire qui marche sur IE et FF ? je serais super fan !

Merci d'avance
Je te conseille fortement de passer tous tes paramètres liés au style dans une feuille css. En passant ainsi, je ne rencontre pas de problème Smiley smile

Le code me donne :

<table class="table" cellpadding="0" cellspacing="0">

                            <tr class="tr">

                                <td class="td_bord">

                                    <img src="../resources/images/welCom/toolbar/gauche.jpg" />

                                </td>

                                <td  class="td_milieu">

                                    ...  ici ma barre de navigation ....

                                </td>

                                <td class="td_bord" >

                                    <img src="../resources/images/welCom/toolbar/droite.jpg" />

                                </td>

                            </tr>

                        </table>



td.td_bord
{
width:1px;
background-color:#005000;
}

td.td_milieu
{
background-color:#a1c7e6;
}

tr.tr
{
height:50px;
}

table.table 
{
width:100%; 
margin:0; 
padding:0; 
border:none;
}