Rechercher : dans
Par :

[CSS]Problème : background-attachment: fixed;

Dernière réponse le 19 fév 2008 à 18:15:28 Dev, le 19 fév 2008 à 17:00:51 
 Signaler ce message aux modérateurs

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

Meilleures réponses pour « [CSS]Problème : background attachment: fixed; » dans :
Les CSS pour présenter vos images VoirPour présenter agréablement vos images, vous pouvez intégrer quelques codes supplémentaires dans votre CSS et vous en servir à bon escient. Elles sont bien sur modulables en fonction de la charte graphique de votre site. Utilisation Mettez les codes...
[CSS] Créer facilement des CSS VoirUn outil très facile d'utilisation pour créer des CSS, avec un aperçu en direct de ce que vous créez : TopStyle. La version Lite est gratuite. www.topstyle4.com
Popup en CSS, sans Javascript VoirVoici comment réaliser une popup d'information en pure CSS, sans Javascript. L'astuce est d'utiliser :hover de manière à utiliser des CSS différents au passage du curseur. Parmis les attributs CSS modifiés, on utilise display:none afin de...
Les classes de style (CSS) VoirLes classes et les ID Les classes Il peut s'avérer intéressant d'affecter des styles différents à des mêmes balises. Pour cela les spécifications CSS ont introduit le concept de classe. La définition des classes est aussi simple que celles des...
Feuilles de style - CSS VoirPrésentation des feuilles de style Le concept de feuilles de style est apparu en 1996 avec la publication par le W3C d'une nouvelle recommandation intitulée « Cascading StyleSheets » (feuilles de style en cascade), notée CSS. Le principe des...
CSS - Les couleurs VoirLes couleurs Le standard CSS propose différentes façons de définir des couleurs : par un nom avec la notation hexadécimale avec la notation décimale Appel d'une couleur par son nom Le langage HTML définit des noms pour un nombre limité de...

1

Marthy_, le 19 fév 2008 à 17:07:22

Je te conseille de faire une image pour le haut, une pour le centre et une pour le bas.
Dans ton div, créé un tableau de 3 ligne, dans la première insère ton image background de haut,
dans la deuxième places-y l'image de background centre avec un reapet-y puis dans ta troisième ligne mets l'image background bas.
Je suis pas sur de t'avoir bien compris mais ca doit être ca.

Répondre à Marthy_

2

Dev, le 19 fév 2008 à 17:14:44

C'est une solution effectivement il va falloir que je découpe mon image en 3 partie : l'entete qui sera fixe le corps et la fin. Et répéter le corps jusqu'au dernier enregistrement et enfin insérer la dernière partie ...
Seulement j'aurais voulu comprendre pourquoi mon image de fond se fixe mais est complètement décallée sur la doite ...

Répondre à Dev

3

Marthy_, le 19 fév 2008 à 17:30:24

Peux-tu me montrer ton site ou m'envoyer le tout en zip que je puisse mieux voir tout ca?

Répondre à Marthy_

4

Dev, le 19 fév 2008 à 17:41:53

Désolé je n'en ai ni l'autorisation ni la possibilité... et je travaille en local :s ...
J'ai fait comme tu m'as dit ca rend parfaitement bien ;)

Répondre à Dev

5

Marthy_, le 19 fév 2008 à 17:43:26

Ok alors si c'est bon règle l'état de ton sujet sur "résolu"

Répondre à Marthy_

6

 lelemarwan 94, le 19 fév 2008 à 18:15:28

Salut,est ce que quelq'un pourrait me donner 1 coup de pouce pour que je puisse programmé ma wifi svp j ai un ordi portable 7220-202g16mi et c vraiment la galère merci d'avance.

Répondre à lelemarwan 94
Collection CommentÇaMarche.net