Bonjour,
J'ai un problème avec un bloc dont l'arrière plan est un dégradé, qu'il doit s'agrandir en fonction du contenu, qui doit avoir une taille minimum, qui contient une image à droite et du texte à gauche et a un "pied" qui doit toujours se trouver en bas du bloc (sachant que ce "pied" devrait se trouver sous l'image si le contenu n'est pas plus long que l'image) sweatdrop
J'ai à peu prêt réussi tout ça : Tout va bien pour Firefox, mais sous IE le bloc se place sous l'image. Ce qui agrandi le bloc de 85px...
Pour que ce soit plus concret : lien
Mon HTML :
Code html : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10 <div class="green_block"> <div class="top_green_block"></div> <div class="content_green_block"> <img src="images/big_baby.jpg" /> <h2>Les cours</h2> <p>tout le texte</p> </div> <div class="bottom_green_block"></div> <div class="spacer"></div> </div>
Mon CSS :
Code css : 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 #content .green_block{ background: url("../images/background_green_p.jpg") repeat-y; height:auto; } #content .green_block .content_green_block{ background: url("../images/top_green_p.jpg") no-repeat 0 0; margin:0; padding:17px 50px 0 50px; } #content .green_block .content_green_block{ margin:0; min-height:219px; } #content .green_block .bottom_green_block{ background: url("../images/bottom_green_p.jpg") no-repeat; margin:0 0 20px 0; height:89px; } #content .green_block img{ float:left; margin:0 12px 12px 0; border:1px solid #464f10; z-index:100; } #content .green_block p{ margin-top:0; }
Si vous avez des réponses à mes interrogations, je vous remercie par avance !
Partager