[CSS/XHTML] Problème avec ma bordure du bas
Ky021
Messages postés
220
Statut
Membre
-
IgiXcs Messages postés 172 Statut Membre -
IgiXcs Messages postés 172 Statut Membre -
Bonjour,
J'arrive pas à faire une bordure "spécial" pour le bas de mon site. J'ai mis une images spéciale pour la bordure du bas, ça marche mais dés que la hauteur de mon site devient extensible l'image se "décolle".
Voila à quoi ça ressemble, quand la hauteur du site est en min-height: 611px, ça marche:
http://img237.imageshack.us/img237/2886/59707159mq4xu9.jpg
Dés que je met du contenu sur le site, et qu'il s'agrandit vers le bas, l'images se "décolle":
http://img366.imageshack.us/img366/2771/73818323zs5.png
En fait cette image c'est un petit ombrage que j'ai réussi à mettre sur les côtés et le haut mais que j'arrive pas à mettre dans le bas quand le site s'étire verticalement.
Voila mon code XHTML:
CSS:
En fait les deux langages (XHTML et CSS) sont sur la même page (je penserais à mettre le CSS en externe plus tard).
J'arrive pas à faire une bordure "spécial" pour le bas de mon site. J'ai mis une images spéciale pour la bordure du bas, ça marche mais dés que la hauteur de mon site devient extensible l'image se "décolle".
Voila à quoi ça ressemble, quand la hauteur du site est en min-height: 611px, ça marche:
http://img237.imageshack.us/img237/2886/59707159mq4xu9.jpg
Dés que je met du contenu sur le site, et qu'il s'agrandit vers le bas, l'images se "décolle":
http://img366.imageshack.us/img366/2771/73818323zs5.png
En fait cette image c'est un petit ombrage que j'ai réussi à mettre sur les côtés et le haut mais que j'arrive pas à mettre dans le bas quand le site s'étire verticalement.
Voila mon code XHTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title>Chok-GFX</title> </head> <body> <p> <div id="imghaut"> <img src="design/bg-pages-haut.gif"/></p> </div> <div id= "corps"> aaaaaaaaaaaa bbbbbbbbbbb ... </div> <div id= "imgbas"> <img src="design/bg-pages-bas2.gif"/> </div> <p> </p> </body> </html>
CSS:
<style type="text/css">
<!--
body {
background-image: url(design/fondgif);
margin: auto;
}
#corps {
margin: auto;
width:585px;
min-height:611px;
z-index:2;
background-image: url(design/bg-pages.gif);
border: 2px solid #4D5960;
border-bottom: none;
}
#imghaut {
margin: auto;
width:585px;
position: relative;
top: 6px;
}
#imgbas {
margin: auto;
width:589px;
}
-->
</style>
En fait les deux langages (XHTML et CSS) sont sur la même page (je penserais à mettre le CSS en externe plus tard).
A voir également:
- [CSS/XHTML] Problème avec ma bordure du bas
- Bordure de page word - Guide
- Comment remettre le clavier en bas de l'écran - Guide
- Tiret du bas mac - Guide
- Clavier fleche vers le bas allumée ✓ - Forum Clavier
- Clémence souhaite faire calculer automatiquement les prix de 30 produits dans trois devises. elle a déjà saisi une formule de calcul pour le tarif du premier produit dans la première devise. corrigez sa formule afin que recopiée vers le bas puis vers la droite, elle remplisse correctement tout le tableau. - Forum Excel
