Bonjour à tous,
Je travaille présentement sur un site déjà existant et je doit faire en sorte qu'une image de fond soit alignée par rapport à une colonne d'un tableau.
Cela est très simple pour ce faire j'utilise un css.
Mais j'ai un petit problèmme d'alignement quand je veu mettre : background-attachment: fixed;
j'ai l'impression que l'image vien se centrer sur la fenêtre complète et non pas juste sur le <td> du tableau comme j'aimerais.
Si j'enlève background-attachment: fixed; , je n'ai plus de problèmes, l'image vien se centrer sur la cellule <td>
Mais j'ai besoin de garder le background-attachment: fixed; et je veu que l'image se centre sur le <td> et non sur la page.
Croyez moi, j'ai chercher pendant des heures sur plusieurs sites que je connais et essayer toutes sortes de solution,
mais la je suis complètement désespéré, c'est pourquoi je vien demander vôtre aide.
Je suis ouvert à toutes suggestions sauf à celles qui implique de ne pas utiliser le tableau.
Merci beaucoup pour vos suggestions et vôtre temps.
Voici le code du css et du fichier html.
Le CSS
td.bg
{
background: url("background.jpg");
background-repeat: no-repeat;
background-position: 50% 50%;
background-attachment: fixed;
}
td.bg2
{
background: url("background.jpg");
background-repeat: no-repeat;
background-position: 50% 50%;
}
Le HTML
<html>
<head>
<link href='ex.css' rel='stylesheet' type='text/css'>
</head>
<body leftMargin=0 topMargin=0>
<table width = 100% height = 100% cellspacing = 0 cellpadding = 0 border = 0>
<tr>
<td height = 100 colspan = 2 align = 'center' bgcolor = '#c3c3c3'>
Un titre
</td>
</tr>
<tr>
<td width = 150 align = 'center' bgcolor = '#c3c3c3' valign = 'top'>
un contenu gauche
</td>
<td class = 'bg' valign = 'top' align = 'center'>
un contenu droit
</td>
</tr>
</table>
</body>
</html>