hello
j'ai un petit souci avec une page dont je vous donne le code aisni que la css:
Code :
- <html>
- <head>
- <style>
- .image_tete_chapitre {
- position:absolute;
- bottom:0px;
- right:0px;
- margin:0px;
- padding:0px;
- }
- .fond_tete_chapitre_a {
- width:100%;
- height:100%;
- background-color:#CCDDEC;
- }
- .body_tete_chapitre {
- margin:0px;
- padding:0px;
- border:0px;
- }
- </style>
- </head>
- <body class="body_tete_chapitre">
- <div class="fond_tete_chapitre_a">
- <div class="image_tete_chapitre"><span class="debug" onClick="getmediaedit(1116,true);">page_chapitre_a </span>
- <img src="../../71/97b10e64/graphics_page_chapitre_a.png" border="0" alt="page_chapitre_a">
- </div>
- </div>
- </body>
- </html>
|
alors le probleme est le suivant,
je veux une page dont je ne peux pas toucher la classe du body (car c des pages générées par du xml) donc je peux uniquement toucher au contenu de celles ci:
je veux mettre u ne iamge en bas a droite, et mettre une couleur de fond a toute la page ...
j'ai donc pensé à:
<div class="fond_page">
<div class="image_basdroit">
<img src="image.gif"/>
</div>
</div>
dans lequel
fond_page aurait la couleur de toute la page, et serait en 100%height 100%width,
puis une classe image_basdroit qui fouttrait l'image en bas a droite (donc position: absolute; bottom:0px; right:0px
ça marche parfaitement sous MOZILLA
mais ca marche pas sous IE ...
je vous montre le sale effet que ca fait ci dessous: