[Résolu] Alignement horizontal de 2 DIV

Bonjour,

Je suis en train de m'entrainer un peu sur le CSS, et j'en arrive a un petit problème.

Donc niveau configuration j'ai tout en hébergement chez moi, je ne passe par aucun prestataire (juste pour le nom de domaine).

Bref j'aimerai aligner deux DIV que j'ai bien représenter sur ma page, je vous laisse déjà juger :

http://www.skyzofou.fr/livreor.php

et donc j'aimerai aligner le bloc des messages avec celui de l'écriture du message.
pour l'instant j'ai essayer avec ceci :

.bloc1
{
	border: 3px solid #939393;
	padding: 1em;
	text-align: justify;
	margin:auto;
	width: 300px;
}

.bloc2
{
	border: 3px solid #939393;
	padding: 1em;
	text-align: justify;
	margin:auto;
	width: 300px;
}

Ma largeur étant de 854px, je me suis dit deux blocs de 300 devrai faire l'affaire, hé bien non...

Donc existerai t'il une autre méthode ? si nécessaire je peux rajouter du code si il y a besoin d'éclairer vos lanternes.

merci d'avance
Modifié par Loucas (17 Jun 2009 - 22:52)

Bonjour,

Ils réagissent tout à fait normalement. Les divs ont par défaut un display en bloc, donc ils s'affichent les uns en dessous des autres. Pour forcer deux div à se positionner côte à côte, il y a plusieurs solutions, la plus commune est de les faire flotter en ajoutant "float:left" (ou right) à un des deux div.

Je te conseille toute de même vivement de consulter la partie "Apprendre" du site, qui regorge de tuto et astuces qui te permettront de comprendre comment positionner des div en CSS.

Merci beaucoup, un peu de lecture ne me fera pas de mal en effet, bonne soirée