Bonjour j'ai un petit probleme dans un div ou j'ai deux images : une à gauche et une à droite (ce sont des bordures d'un cadre).
Derrière cette image j'ai un background repeat-y pour faire le liant quand ce cadre s'agrandit.
Mes images sont en position absolute. Pour celui du haut avec top aucun probleme, mais quand je veux reproduire la même chose pour celui du bas, avec bottom, il réagit comme celui du haut comme si le bottom n'était pas lut. Curieux probleme (mais je suis habitué ^^)
Voici un lien pour mieux comprendre : (réduisez la taille de votre fenêtre en largeur pour voir le probleme si vous êtes en 1024) : allez ici
Voici le code xhtml du bas :
et du css du bas
J'ai pourtant essayé pleins de solutions différentes, pleins de variantes, j'ai même feuilleté plusieurs fois mon bouquin préféré CSS 2, pratique du design web , fait plusieurs recherches dans le forum, mais rien ne correspondait à l'effet voulu
Merci d'avance, si vous voyez des trucs pas normal dans mon code.
Modifié par Damonya (17 Jul 2006 - 22:03)
Derrière cette image j'ai un background repeat-y pour faire le liant quand ce cadre s'agrandit.
Mes images sont en position absolute. Pour celui du haut avec top aucun probleme, mais quand je veux reproduire la même chose pour celui du bas, avec bottom, il réagit comme celui du haut comme si le bottom n'était pas lut. Curieux probleme (mais je suis habitué ^^)
Voici un lien pour mieux comprendre : (réduisez la taille de votre fenêtre en largeur pour voir le probleme si vous êtes en 1024) : allez ici
Voici le code xhtml du bas :
<div id="centre_bas">
<div id="centre_c">
<img src="Images/Menu Milieu/bandeau_menu_barre_b_g.jpg"alt="banniere MétéOBell" title="Retour vers la page d'accueil" />
</div>
<div id="centre_d">
<img src="Images/Menu Milieu/bandeau_menu_barre_b_d.jpg"alt="banniere MétéOBell" title="Retour vers la page d'accueil" />
</div>
<p>Blabla</p>
<hr class="separation" />
</div>
et du css du bas
#centre_bas
{
height: auto;
background-image: url("../Images/fond_03.gif");
background-repeat: repeat;
position: relative;
width: 100%;
}
#centre_c{
background: url("../Images/Menu Milieu/bandeau_menu_barre_g_repeat.jpg") left bottom repeat-y;
position : absolute;
bottom:0;
left:0;
height: 100%;
}
#centre_d{
background : url("../Images/Menu Milieu/bandeau_menu_barre_d_repeat.jpg") right bottom repeat-y;
position : absolute;
bottom:0;
right:0;
height: 100%;
}
J'ai pourtant essayé pleins de solutions différentes, pleins de variantes, j'ai même feuilleté plusieurs fois mon bouquin préféré CSS 2, pratique du design web , fait plusieurs recherches dans le forum, mais rien ne correspondait à l'effet voulu
Merci d'avance, si vous voyez des trucs pas normal dans mon code.
Modifié par Damonya (17 Jul 2006 - 22:03)