28173 sujets

CSS et mise en forme, CSS3

Bonjour

J'essaie de faire un tableau (largeur 600 px) de 3 cellules en hauteur avec images en bords arrondis en haut et en bas

J’ai un problème de largeur de cellule centrale qui déborde par rapport aux autres éléments sous Firefox, (sous IE tout va bien)

Je reéalise ca avec SPIP !
J’ai essayé de mettre le code td style=width: 600px dans mon css (dans les premiers lignes .article), la largeur s'initie bien à 600px (toujours dans Firefox) , mais après ce rajout de code j'ai un décalage en hauteur assez important entre la cellule haute et la cellule centrale ,
Par contre la cellule basse elle est bien, accolée à la centrale..

http://velaux.net/essai/

Quelqu’un (e) a t’il (elle) la solution ? car je pense qu'il manque un élément dans le css

Merci D'avance Juan

======================
voici le code des 3 cellules ci dessous



/* main: article -------------------------------------- */

.article1{    /* la cellule du haut  /*
	padding: 0px 0px 0px 0px;
	text-align: justify;
	line-height: 110%;
	color: navy;
	background-image: url(../interface/haut.gif);
	background-position: left;
	background-repeat: no-repeat;
}

.article {        /* la cellule du centre  /*
                   /* J’ai essayé de mettre le code ici  td style=width: 600px  et j'ai un decalage en hauteur ( FireFox), je perds aussi mes fonctions padding /*
                padding: 1px 10px 1px 10px;
	text-align: justify;
	line-height: 120%;
	font-family: Trebuchet, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: navy;
	background-image: url(../interface/centre.gif);

}

.article2{    /* la cellule du bas  /*
	padding: 0px 0px 0px 0px;
	text-align: justify;
	line-height: 110%;
	color: navy;
	background-image: url(../interface/bas.gif);
	background-position: left;
	n;
	background-repeat: no-repeat;
}

Modifié par Juan13 (27 Feb 2006 - 18:37)
Bonjour Juan13 et bienvenue sur ce forum Smiley smile

Est-ce que tu pourrais baliser ton code avec le BBCode [ code][/code ] (sans les espaces) comme spécifié dans les règles du forum* ?

Ça le rendra plus lisible.

upload/1-code.gif

Merci.

* que tu as lues et approuvées en t'inscrivant.