Discussion :

[guillaumeabxl]

Bonjour,

Je me retrouve face à un petit problème avec les bordures d'une DIV. Je travaille avec un grille flexible selon un schéma " responsible web design".

Dans mon layout je voudrais utiliser des bordures à droite et à gauche d'une div

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
	border-right: 1px solid #FFF;
	border-left: 1px solid #FFF;

mais lorsque ces div sont les unes à cotés des autres je me retrouve avec une double bordure, donc une bordure de 2 pixels. Cela casse mon layout.

je ne peux pas seulement mettre la bordure à droite, j'ai vraiment besoin de spécifier une bordure à droite et a gauche.

Je voudrais alors utiliser une fonction du genre

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

border-collapse:collapse;

Mais cela ne semble pas fonctionner avec une div, je pense que ça marche avec un tableau.

Quelqu'un a t'il déjà eu ce problème ?
Merci pour vos réponses.

G

[guillaumeabxl]

J'ai trouvé une solution, dans la feuille de style en question j'ai ajouté :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

margin-left: -1px;

et ça marche, je n'ai plus une double bordure !