Bonjour,
j'ai réalisé sous photoshop une image de fond à mettre dans mon <div> pour donner une impression de 'tableau'.
Seulement, lorsqu'une scroll bar est générée, cette image est répétée et cela ne ressemble plus à grand chose... J'ai donc décidé d'utiliser la propriété background-attachment: fixed;
Ca fonctionne mais mon image est complètement décallée.... voici mon code :
page.php:
<div classe=TextMain2>
echo'<table class="tableaumaj2" align="center">';
echo'<tr><td align="center">
<table width="700" align="center">
<CAPTION align="bottom"><input type=submit name="télécharger" value ="Télécharger">'?><input type="hidden" name="constante" value='<? echo $i;?>'><input type="hidden" name="url<?echo $i;?>" value='<? echo $requete['URL'];?>'><input type="hidden" name="IDNews<?echo $i;?>" value='<? echo $requete['IDNews'];?>'><?'
</caption>';
echo'<tr><td>'.$tableau[0].'</td><td align="center">'.$jour[0].'/'.$date[1].'/'.$date[0].'</td></tr>';
echo'<tr><td align="center">'.$requete['Corps'].'</td><td width="150" align="center">'.$requete['taille'].' Octets</td></tr>';
echo'</table>';
echo'</table>';
Ma page CSS :
div.textMain2
{
background-image:url(Image1/tableau2.png);
background-attachment: fixed;
margin-top:10px;
height:450px;
width:840px;
clear:both;
overflow:auto;
}
.tableaumaj2 {
color: white;
margin-top:10px;
margin-left:20px;
margin-right:20px;
width:730px;
border:1px solid #000000;
/*border: none;*/
}
.tableaumaj2 td{ border: 1px solid #000000;}
Si quelqu'un voit d'ou provient le problème... je vous serai reconnaissant de me donner un petit coup de pouce ;)
Merci d'avance
Configuration: Windows XP
Internet Explorer 7.0