Discussion :

[Kanapesh]

Bonjour ,

Voila un bon moment déjà que je creuse ma tête de débutant afin de résoudre mon problème.

J'aimerais mettre en page un contenu sous forme de cadres disposés à des endroits précis (voir schéma à la fin).

Voici le code que j'utilise pour mes cadres:

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
39
<style type="text/css">
<!--
body {
font-family: verdana, sans-serif;
font-size: 0.8em;
}
#cadre {			/* conteneur global et arrière-plan du titre du cadre */
width: 300px;
padding-top: 38px;
background: url(imgs/cadre_top.jpg) top left no-repeat;
float:left;
margin:10px;
}
#bloccadre {			/* arrière-plan des bords sur l'ensemble du cadre */
 
background: url(imgs/cadre_bords.jpg) left repeat-y;
overflow:auto;
height:600px;
}
#bloccadre p {
margin:0 20px;
}
#blocbas { 			/* image bas du cadre*/
width:250px;
background: url(imgs/cadre_bottom.jpg) bottom left no-repeat;
padding-bottom:15px;
}
 
-->
 
</style>	
	<div id="cadre">
		<div id="bloccadre">
			<p>Quam ob rem circumspecta ... Ennius recte.
			</p>
		</div>
		<div id="blocbas">
		</div>
	</div>

Ce qui ce passe c'est que lorsque j'inclus dans ma page HTML 2 cadres avec des noms différents et que je modifie la hauteur des bords de l'UN des deux , il me change la hauteur fixe sur les deux sans distinction.

Code :

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

div#bloccadre {height:600px;}

J'ai eu beau me retourner la tête (ainsi que google) je n'ai rien trouvé qui aurait pu m'aiguiller vers une bonne solution. Aussi je me tourne vers vous.
N'hésitez pas à me demander des explications plus précises si vous avez pas compris quelque chose , j'ai le sentiment d'avoir été plutôt flou .

Merci.