A déborde du div !

**guano** · 16/01/2006, 10h20

Salut,
j'ai mon texte qui déborde du div....snif...

En fait je veux faire 2 colonnes : à gauche le message, à droite la réponse correspondante.
Etant une bite en CSS, voici le code que j'ai pondu..(aie ça pique les yeux

) (j'ai toujours rien compris au positionnement en CSS, d'où d'abord ma colonne de droite (div id=reponse) puis celle de gauche)

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
 
<div id=reponse>Réponse</div>
 
<div id=message>
	<p id=date>2006-12-12</p>
	<p id=auteur>bla</p>
	<p id=texte>essai</p>
</div>
 
<div id=reponse>Pas de réponse</div>
 
<div id=message>
	<p id=date>2006-01-16</p>
	<p id=auteur>Anonyme</p>
	<p id=texte>Essai de plusieurs lignes
	2 eme ligne
	3 eme ligne
	tactatatatatatatatatatatatatatatatatatatattactatatatatatatatatatatatatatatatatatatat</p>
</div>

Avec en CSS :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
 
#reponse
{
	position:relative;
	float:right;	
	border: solid 1px #FF0000 ; 
	font-family:verdana, sans-serif;
	font-size:80%;
	color:blue;
	background-color:yellow;
	width: 40%;
	margin: 10px;
}
 
 
#message{
	border: solid 1px #FF0000 ; 
	font-family:verdana, sans-serif;
	font-size:100%;
	border-style:solid; 
	width: 40%;
	margin: 10px;
}