[css] Probleme avec background repeat
Bonjour tout le monde,
J'ai deux petits problèmes de présentation dans une page xhtml avec des feuilles de style css que je n'arrive pas résoudre.
- le premier est que je voudrais faire un background-repeat sur une image de fond mais celle ci ne se fait pas.
- Cette image de fond apparait avec internet explorer mais il y a un espace avec l'image du dessus.
Voici le lien pour voir le problème :
http://www.leasysite.com/test2/
mon code html :
Code:
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 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49
|
<?xml version="1.0" encoding="ISO-8859-1" ?>
<!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>
<title>Administration</title>
<link rel="stylesheet" type="text/css" href="base.css" />
<link rel="stylesheet" type="text/css" href="style.css" />
</head>
<body>
<div class="admin">
<div class="administration">
<img src="Haut.gif" border="0px">
</div>
<div class="menu">
<div class="inline"><img src="Gauche_orange.gif" height="45" width="24"></div><div class="texte"><img src="Index.gif" height="27" width="59"><img src="Administration.gif" height="27" width="108" ><img src="News.gif" height="27" width="57"><img src="Menu.gif" height="27" width="75"><img src="Article.gif" height="27" width="71"><img src="Utilisateur.gif" height="27" width="92"><img src="Vide.gif" height="27" width="151"><div class="bas"><img src="Haut_bas.gif" width="613" height="18"></div></div><div class="der"><img src="Orange_droite.gif" width="13" height="45"></div></div><div class="centre"><div class="bordure">
</div>
<div class="milieu">
<div class="contenu">
<p>
<img src="icone_utilisateur.gif" width="40px" height="40px">
Gestion des utilisateurs
<a href="gerer_utilisateur.php">Gerer utilisateur</a>
</p>
<p>
<img src="icone_news.gif" width="40px" height="40px">
Gestion des news
<a href="gerer_news.php">Gerer les news</a>
</p>
<p>
<img src="icone_menu.gif" width="40px" height="40px">
Gestion des menus
<a href="gerer_menu.php">Gérer les menus</a>
</p>
<p>
<img src="icone_article.gif" width="40px" height="40px">
Gestion des articles
<a href="gerer_article.php">Gérer les articles</a>
</p>
</div>
</div>
</div>
<div class="spacer">
</div>
</div>
</body>
</html> |
ma css
Code:
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 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80
|
body {
text-align : center;
padding : auto;
}
div.admin {
width : 650px;
height : 100%;
margin-left : auto;
margin-right : auto;
border : 0px;
border-style : solid;
border-color : black;
}
div.administration {
width : 650px;
height : 103px;
}
img {
border-width : 0em;
margin : 0em;
padding : 0em;
font-size : 1px;
vertical-align : middle;
line-height : 1px;
}
div.menu {
width : 650px;
height: 45px;
float : left;
text-align : left;
}
div.inline {
display : inline;
height : 45px;
width : 24px;
float : left;
}
div.texte {
width : 613px;
height : 27px;
float : left;
display : inline;
}
div.der {
width : 13px;
height: 45px;
float : left;
}
div.bas {
width : 613px;
height : 18px;
float : left;
}
div.centre {
width : 650px;
text-align : left;
float : left;
border-width : 0px;
}
div.bordure {
width : 24px;
border-width: 0px;
float : left;
display : block;
clear : both;
background-position : top left;
background-image : url('Gauche.gif');
background-repeat : repeat-y;
}
div.contenu {
float : left;
}
div.milieu {
float : left;
whidth : 500px;
}
div.spacer {
clear : both;
} |
Si j'affecte une valeur a height dans div.bordure alors j'ai bien un background repeat cependant comme le contenu va être dynamique celui ci va changer selon la page.
Si quelqu'un à une idée merci de m'aider.[/url]