2010-03-29 5 views
19

Formulaire (avec Firebug fort vol stationnaire td):Ajuster la largeur de colonne de table à la taille du contenu

example http://img52.imageshack.us/img52/4377/testeyy.png

colonne Étiquette CSS:

width: auto; 
padding: 0; 
margin: 0; 

Le problème:

Pourquoi m Les colonnes de gauche ont-elles ce "padding-right" invisible? Il n'est pas possible de réduire les colonnes pour qu'elles correspondent à leur contenu?

--EDIT--

Le problème était la table elle-même. J'ai défini la table avec "largeur: 100%". Supprimé cela et le problème est parti.

+2

HTML est également pertinent. –

+0

Tout à fait raison! +1 pour cela: D –

+0

Copie possible de [autowidth de colonne de table CSS] (https://stackoverflow.com/questions/4757844/css-table-column-autowidth) – Vadzim

Répondre

27

Le problème était la largeur de la table. J'avais utilisé width: 100% pour la table. Les colonnes de la table sont ajustées automatiquement après la suppression de l'étiquette de largeur.

1

peut-être un problème avec la marge?

width:auto; 
padding: 0px; 
margin: 0px 
+0

J'ai ajouté "margin: 0" à mon message mais c'est pas le problème. –

+0

? – fl00r

2

Si vous voulez que la table soit toujours à 100%, définissez une des colonnes pour avoir une largeur: 100%; Cela étendra cette colonne pour remplir l'espace supplémentaire et permettra aux autres colonnes de conserver leur largeur automatique :)

Questions connexes