28173 sujets

CSS et mise en forme, CSS3

Hi all Smiley smile

Je rencontre un petit souci technique sur un tableau avec des bords sur les colonnes du bas.

Je dispose de 3 colonnes, 1 colonne de 25px, une en taille auto et une autre de 25px.

Soit:

|__|________|__|

Ceci fonctionne sous Firefox, mais pas sur ie ..

Voila le résultats sur ie:

|_____|__|_____|

Ce qui devient embêtant Smiley ohwell

voici le code:

table.tabConfig {
	border-width: 0px; 
	padding: 0px;
	border-spacing: 0px; 
	border-collapse: collapse;
}
.tabConfig td {
	font-size: 11px;
	padding: 0px;
}
/* Ligne du bas, contenant les bords bas du tableau */
.tabConfig .botConfig{
		/*width: 100%;*/
		height: 20px;
		margin: 0;
}
/* Bord du bas pour assurer la continuité des bords arrondis */
.tabConfig .botConfig .center{border-bottom: 1px solid #2062B9; background-color: white;}

/* Bord du bas pour assurer la continuité des bords arrondis */
.tabConfig .botConfig .left { background: url("images/leftBotConfig.png") no-repeat bottom left; width: 20px;}
.tabConfig .botConfig .right { background: url("images/rightBotConfig.png") no-repeat bottom right; width: 20px;}


Auriez vous une idée de pourquoi le width auto ne fonctionne pas sous ie ? et quel solution de pourrais y apporter ?


Merci pour vos réponses !