28173 sujets

CSS et mise en forme, CSS3

Bonsoir,

Je suis en train de personnaliser mon blog dotclear: http://blog.bricosign.com , mais je n'arrive pas à positionner un arrière-plan.

Voici le code xhtml:
<body>

<div id="page">
<div id="top"><h1><a href="/index.php/">XiKuXan | Le blog</a></h1></div>

<p id="prelude"><a href="#main">Aller au contenu</a> |
<a href="#sidebar">Aller au menu</a> |
<a href="#search">Aller &agrave; la recherche</a></p>

<div id="zuuh">
<div id="main">
	<div id="content">

<!-- Boucle sur la liste de billets -->
	<div class="post">


Et la partie css concernée:
#page{
	background: url(img/page.gif) repeat-y 0px 50px;
}
#zuuh{
	background: url(img/milieu.gif) no-repeat center top;
}


Le problème se situe sur cette ligne: background: url(img/page.gif) repeat-y 0px 50px; où l'arrière-plan devrait se positionner à 50px du haut. Mais ça ne marche pas et il reste collé en haut. Par contre si je met url(img/page.gif) repeat-y 50px 50px; il est décalé de 50px vers la droite. Donc je pense que ça vient peut être du fait que l'arrière-plan se répète en hauteur... Vous avez une solution ?

Merci pour votre aide,

Rémi
Modifié par *|~ XiKuXan ~|* (17 Jun 2006 - 09:34)
avec une image qui se repete tu ne peux pas donner de coordonnées .
Si elle se repete c'est sur toute la hauteur sans aucune limite dans cet axe