28173 sujets

CSS et mise en forme, CSS3

Bonjour,

prenons les éléments suivants :

- un tableau de taille fixe
- une bordure appliqué à ce tableau
- une marge gauche

Ie et Opéra applique la marge sans problème.

upload/3208-opera-ie.jpg

Firefox applique la marge (presque) sans tenir compte de la bordure.

upload/3208-firefox.jpg

NB: la bordure (de 5 pixels) est en rouge.

Comment régler ce bug ?
Modifié par EricLB (15 Jun 2006 - 13:59)


body{
background-color:#fff;
}

table#content{
width:790px; /* J'ai essayé avec 788px aussi - même résultat */
margin-left:10px;
background-color:#000;
border-spacing:0;
border-collapse:collapse;
padding:0;
}

table#content td{
vertical-align:top;
background-color:#000;
}

#col_left{
width:334px;
border-left-width:1px;
border-left-style:solid;
border-left-color:#ff0000;
}
#col_right{
width:454px;
border-right-width:1px;
border-right-style:solid;
border-right-color:#ff0000;
}


Pour le code html c'est : table, tr, td du classique quoi !

Merci
Modifié par EricLB (15 Jun 2006 - 14:28)
#content = table
#col_left = 1° td
#col-right = 2°td

C'est un tableau à une ligne et deux colonnes, on peut pas trouver plus simple Smiley smile
Modifié par EricLB (15 Jun 2006 - 15:03)
Merci pour cette solution, j'y avais pensé.

Mais le code est généré par un gestionnaire de contenu et je n'ai la main que sur les CSS - d'où la complexité de l'exercice... Smiley decu
Modifié par EricLB (27 Jun 2006 - 16:06)