[CSS/XHTML] Problème avec ma bordure du bas

Fermé

Ky021 Messages postés 207 Date d'inscription dimanche 18 juin 2006 Statut Membre Dernière intervention 23 septembre 2011 - 2 mai 2008 à 17:48
IgiXcs Messages postés 172 Date d'inscription jeudi 20 septembre 2007 Statut Membre Dernière intervention 28 décembre 2008 - 4 juil. 2008 à 16:51

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:

<!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>&nbsp;</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
Bordure excel ne s'affiche pas ✓ - Forum Excel
Taille bouton css - Forum HTML
Tiret du bas ✓ - Forum PC portable
Css premier plan ✓ - Forum CSS

3 réponses

Réponse 1 / 3

artragis Messages postés 481 Date d'inscription mardi 12 juin 2007 Statut Membre Dernière intervention 6 avril 2010 146
2 mai 2008 à 18:47

#imgbas {
margin: auto;
width:589px;
}
enlève le margin ou met
#imgbas {
margin-top: AUTO;;
width:589px;
}

Réponse 2 / 3

Ky021 Messages postés 207 Date d'inscription dimanche 18 juin 2006 Statut Membre Dernière intervention 23 septembre 2011 9
2 mai 2008 à 19:23

Le résultat est le même.

Réponse 3 / 3

IgiXcs Messages postés 172 Date d'inscription jeudi 20 septembre 2007 Statut Membre Dernière intervention 28 décembre 2008 94
4 juil. 2008 à 16:51

div { overflow: hidden; height: auto; width: auto}

te permettra d'avoir aucun soucis de compatibilé IE/FF et met le en haut de ton css pour ne pas avoir qq problèmes ;)

Discussions similaires

tiret du bas

exo pix

[CSS] Forcé retour à la ligne

trait horizontal avec du css

je veut créer des codes

Discussions similaires

Newsletters