28173 sujets

CSS et mise en forme, CSS3

Bonjour,
Je ne parviens pas à decaler verticalement un background vers la bas alors que ça fonctionne trés bien horizontalement! ça ne fonctionne ni sur IE ni sur Firefox!

la partie ciblée de la css


body {
	background: #BCCCCD;
	color: #002C2E;
	font: 62.5% "Trebuchet MS", Verdana, Lucida, Tahoma, sans-serif;
}
#conteneur {
	position: relative;
	width: 1000px;
	border-bottom: 1px solid #589194;
	border-right: 1px solid #589194;
	background: #fff url(../images/leftmenu_bg.gif) repeat-y  0 120px;
}


ET le html


<div id="conteneur" style="height: 400px">
  <div id="header">
    <h1><a href="/" title="Retourner à l'accueil"><img id="logo" src="images/logo.png" alt="ASP Solutions &amp; Consulting - Retourner a l'accueil" width="320" height="54" /></a></h1>
    <div class="menus" id="leftmenu">
      <div>
        <h2 onmouseover="montre('smenu7');" onfocus="montre('smenu7');"><a href="/expertises.php">Expertises</a></h2>
        <ul id="smenu7">
          <li><a href="#">Expertises n2-1</a></li>
          <li><a href="#">Expertises n2-2</a></li>
          <li><a href="#">Expertises n2-3</a></li>
        </ul>
      </div>
      <div>
        <h2 onmouseover="montre('smenu8');"><a href="/technologies.php">Technologies</a></h2>
        <ul id="smenu8">
          <li><a href="#">Sous-menu 2.1</a></li>
          <li><a href="#">Sous-menu 2.2</a></li>
        </ul>
      </div>
      <div>
        <h2 onmouseover="montre('smenu9');"><a href="/references.php">Références</a></h2>
        <ul id="smenu9">
          <li><a href="#">Sous-menu 3.1</a></li>
          <li><a href="#">Sous-menu 3.2</a></li>
          <li><a href="#">Sous-menu 3.3</a></li>
        </ul>
      </div>
    </div>
	
    <div class="menus" id="topmenu">
      <div>
        <h2 onmouseover="montre('smenu1');" onfocus="montre('smenu1');"><a href="/expertises.php">Expertises</a></h2>
        <ul id="smenu1">
          <li><a href="#">Expertises n2-1</a></li>
          <li><a href="#">Expertises n2-2</a></li>
          <li><a href="#">Expertises n2-3</a></li>
        </ul>
      </div>
      <div>
        <h2 onmouseover="montre('smenu2');"><a href="/technologies.php">Technologies</a></h2>
        <ul id="smenu2">
          <li><a href="#">Sous-menu 2.1</a></li>
          <li><a href="#">Sous-menu 2.2</a></li>
        </ul>
      </div>
      <div>
        <h2 onmouseover="montre('smenu3');"><a href="/references.php">Références</a></h2>
        <ul id="smenu3">
          <li><a href="#">Sous-menu 3.1</a></li>
          <li><a href="#">Sous-menu 3.2</a></li>
          <li><a href="#">Sous-menu 3.3</a></li>
        </ul>
      </div>
      <div>
        <h2 onmouseover="montre('smenu4');"><a href="/investisseurs.php">Investisseurs</a></h2>
        <ul id="smenu4">
          <li><a href="#">Sous-menu 4.1</a></li>
          <li><a href="#">Sous-menu 4.2</a></li>
        </ul>
      </div>
      <div>
        <h2 onmouseover="montre('smenu5');"><a href="/recrutements.php">Recrutements</a></h2>
        <ul id="smenu5">
          <li><a href="#">Sous-menu 5.1</a></li>
          <li><a href="#">Sous-menu 5.2</a></li>
        </ul>
      </div>
      <div>
        <h2 onmouseover="montre('smenu6');"><a href="/entre-vous-et-nous.php">Entre vous et nous</a></h2>
        <ul id="smenu6">
          <li><a href="#">Sous-menu 6.1</a></li>
          <li><a href="#">Sous-menu 6.2</a></li>
        </ul>
      </div>
    </div>
  </div>
</div>
Si si je vais t'aider

si ton image est en repeat-y elle vas se repeter sur toute la hauteur de ton conteneur le decalage verticale influera seulement le point de depart de ton image qui se repete autant vers le bas que vers le haut


A+
Bonsoir...
Oui, comme le dit gege71 ce genre de disposition ne fonctionne qu'avec les "background: no-repeat"
a écrit :
si ton image est en repeat-y elle vas se repeter sur toute la hauteur de ton conteneur le decalage verticale influera seulement le point de depart de ton image qui se repete autant vers le bas que vers le haut


OK Merci, mais alors comment tu expliques que pour le repeat-x, l'image
ne se répète pas avant le point fixé?
C'est pas très logique quand même!