Salut,

Tu peut supprimer les bordur et jouer sur le padding du div contenu.

<div class="T12 clr_n" style="padding: 5px 50px 5px 5px;

Dans l'ordre les chiffres correspondent à :

haut
droite
bas
gauche

Je ne pas vraiment tester tous moi même, donc je ne garantis pas que ça sera bon.


A tien je viens de penser à un truc, tu peux aussi utiliser un hack IE (spécifique pour le 6), il y en plusieurs type, tu les trouvera facilement sur google. Ca permet de mettre des propriété CSS uniquement pour un IE.

La propriété !important n'est pas comprise par IE6 mais le reste est interprété (border: solid 1px transparent), mais pas prioritairement s'il y a un boublon, enfin normalement.

Donc tu peux mettre :

padding: 5px 5px 5px 5px !important; 
padding: 5px 50px 5px 5px; 

Mmh non ça ne change rien avec le padding.

voici ce que j'obtiens sans la bordure "transparente": http://site.abibois.com/test/bad.html (à regarder sous FF surtout)

http://site.abibois.com/test/bad2.html

C'est moins chargé là.

De cette façon, ça fonctionne.
Je ne pense pas trop savoir pourquoi, mais ce n'est pas le principal ^^

Merci de votre aide.

Salut,

je n'ai pas suivi les modifications et tonproblème est résolu mais si tu veux comprendre pourquoi il faut t'intéresser au "poids" des styles aussi appelé "priorité".
l'utilisation de '!important' devrait à mon avis pouvoir être évité en utilisant mieux les sélecteurs.

 • poids = 100

#conteneur{
border:none;
}

div#conteneur{
border:none;
}

div#conteneur div{
border:none;
}

#conteneur #contenu{
border:none;
}

div#conteneur #contenu{
border:none;
}

div#conteneur div#contenu{
border:none;
}

Il y a surement des pandas pour ne dépendre de rien