2 votes

CSS+HTML: les td se chevauchent

Sur mon site web http://vfm-elita.com (ce n'est pas en anglais, désolé pour cela) - les colonnes du centre et de droite se chevauchent, veuillez consulter la capture d'écran pour plus de détails:

Elita TDs

Entre les colonnes de gauche et du centre, vous pouvez voir un "espace" avec un fond vert - c'est normal et bon.

Mais il n'y a aucun espace entre les colonnes du centre et de droite, ils se chevauchent à la place.

Le problème existe dans tous les navigateurs connus

Aucun formatage spécial n'est appliqué aux colonnes. Ce sont des colonnes 'TD' habituelles, le seul modificateur CSS est la largeur qui est "250px" pour les colonnes de gauche et de droite, et pour le centre - c'est "auto".

Veuillez indiquer comment je peux corriger cette erreur.

Merci beaucoup!

3voto

Tomas Voracek Points 4300

Vous avez deux divs avec la classe "wrap" dans l'élément td du milieu. Les deux divs ont une largeur de 100%. Lorsque j'ai supprimé cela, le problème de superposition a disparu.

En passant, la mise en page de tableau est obsolète depuis plus de 10 ans environ.

0voto

James South Points 2511

J'ai jeté un œil et la solution la plus rapide que j'ai trouvée était d'ajouter un padding de 7px du côté gauche de la dernière cellule de tableau dans le tableau avec la classe "fon".

Prograide.com

Prograide est une communauté de développeurs qui cherche à élargir la connaissance de la programmation au-delà de l'anglais.
Pour cela nous avons les plus grands doutes résolus en français et vous pouvez aussi poser vos propres questions ou résoudre celles des autres.

Powered by:

X