Hello,
je souhaite réaliser un bloc souple encadré. Le cadre est sous forme de plusieurs fichiers PNG.
J'ai tout d'abord simplement commencé par réaliser le haut du cadre. Le code est le suivant:
XHTML:
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 <!DOCTYPE html PUBLIC "//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" > <head> <title>Cadre</title> <meta httpequiv="ContentType" content="text/html; charset=iso88591" /> <link rel="stylesheet" media="screen" type="text/css" title="Test du css" href="style.css" /> </head> <body> <div class="frame"> <div class="top_border"> <div class="top_corner_l"></div> <div class="top_corner_r"></div> </div> </div> </body> </html>
Ca marche a la perfection sous firefox, mais sous internet explorer, si je change l'attribut height, cela n'a aucun effet, je peut même l'enlever IE affichera toujours selon son bon vouloir, et justement sa manière d'afficher est trés mauvaise... (il ré-affiche l'immage du milieu en dessous, comme si l'emplacement qu'il réservai automatiquement a l'image était trop grand par rapport a l'image et qu'il répetait celle-ci pour compenser la place vide...)
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 .top_border { background: url('border_top_repeat.png') repeat; width: 50%; height: 10px ; } .top_corner_l { float: left; background: url('border_top_left_corner.png') no-repeat; width: 16px; height: 10px ; } .top_corner_r { float: right; background: url('border_top_right_corner.png'); width: 16px; height: 10px ; }
Quelqu'un voit-il pourquoi IE n'accepte pas le redimentionnement?
Partager