28172 sujets

CSS et mise en forme, CSS3

Bonjour,

j'ai un souci très classique en matière de mise en forme, mais je n'ai pas trouvé de réponse suffisament détaillée pour ce problème.

En gros : je souhaite afficher les informations relatives à 4 rubriques de mon site dans des div distinctes formant un carré de 2 <DIV> sur 2 (avec fond bleu) sur fond blanc (6 pixels d'écart entre les div).

Le problème (récurrent pour les novices en html tels que moi...) est qu'évidemment les div ne s'alignent pas verticalement, et j'ai donc des carrés bleus de hauteurs différentes : c'est très laid !

Je cherche donc une solution pour "tricher", en incluant peut être une <div> englobant les 4 <div> et en jouant sur le background.

Pour info, voici comment est définie ma div :


.concept

	{

	font-size: small;
	width: 48%;
	clear: left;
	clear: right;
	float: left;	
	margin: 3.5px;
	color: #191919;
	padding-left: 3px;
        background-color: #93d3ff;
}




Merci d'avance pour vos conseils !
Modifié par labarique (17 Apr 2008 - 11:06)