Faire un chevauchement

**Braz** · 10/03/2006, 16h14

Voilà j'ai un petit problème que je n'arrive pas à résoudre.
Voici ma page :

Je voudrais que le texte "titre de la chronique, Contenu, Contenu" puisse chevaucher le div avec la bordure blanche qui ne sert qu'a afficher les photos sur la droite

La difficulté tient dans le fait que la zone "graphique" qui contient l'ensemble n'est pas fixée vers le bas, et varie en fonction du contenu (donc le soit le texte soit les photos, je ne sais pas si c'est très clair)

Voici le code HTML concerné :

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
 
<div id="chronique">
			<div id="toolbar1">
				<div class="auteur">
					<img src="xxx.jpg" alt="xxx xxx"/>
				</div>
				<div class="auteur">
					<img src="xxx.jpg" alt="xxx xxxx"/>
				</div>
			</div>	
 
			<h3><span>Titre de la chronique</span></h3>
			<p><span>Contenu</span></p>
			<p><span>Contenu</span></p>
			<div id="downbar">
				<img src="downbar.jpg" />
			</div>
		</div>

Voici la partie 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
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
 
#toolbar1{
float: right;
height: 100%;
font-size:12px;
}
 
.auteur {
position: relative;
top: 0px;
right: -120px;
border-color: #00A000;
margin: 1px;
}
 
#chronique{
position:relative;
top:150px;
left:293px;
width:420px;
padding: 0px 20px 20px 0px;
 
 
}
#chronique h3{
width:440px;
height:40px;
padding: 10px 0px 0px 0px;
}
 
#chronique h3 span
{
color: #FF3B19;
}
 
#chronique p{
padding: 0px 0px 0px 20px;
}

Voilà :/