Problème CSS ou HTML ?

Version imprimable

27/02/2007, 22h51
kaiser59

Problème CSS ou HTML ?
Salut,

Voilà j'ai un problème dont je ne sais d'où vient l'erreur. Je m'explique,
j'utilise un (ou une??) div et au-dessus je met du texte, jusque là tout va bien. A noter que le div je lui ai attribué un overflow en auto. En voici le code :
Code:

1 2 3 4 5 6 7 8 9 div#contenu { float:right; width:749px; height:620px; background:#ffffff url(../images/Fond/contenu.png) no-repeat; overflow:auto; }
Comme vous pouvez voir je lui met un fond d'écran au div. Et voici le problème
sous firefox, lorsque le contenu dépasse la taille du div le scrollbar s'active et quand j'abaisse la scrollbar, le fond d'écran reste seul le texte bouge. Et là aucun problème.
Par contre, sous IE 6, le texte est comme figé avec l'image d'arrière plan de ce fait, l'image monte avec le texte au lieu de rester sur place.

Le code css tu tableau n'a rien de particulier en voici le code au cas où :
Code:

1 2 3 4 5 6 7 8 9 10 table.organigramme { background-color:transparent; font-size:0.85em; color: #000000; border-collapse:collapse; margin-left:auto; margin-right:auto; border-width:0; }
merci de votre aide ;)
28/02/2007, 08h20
blueice
Fixe ton image peut-être...
Code:

1 2 background-attachment: fixed;
28/02/2007, 21h27
kaiser59

Salut,

J'ai mis le

Code:

background-attachment: fixed;

maintenant c'est sous firefox le problème, j'ai remarqué que l'image bouge en bougeant la scrollbar de Firefox et non pas de mon div

++
02/03/2007, 10h27
radimby
blueice avait raison mais il faut faire un peu de hacking, ainsi c'est IE seulement qui le prenne
Code:

1 2 _background-attachment: fixed;
02/03/2007, 10h49
Dan_A

_background-attachment: fixed; n'est pas du css valide et n'est pas interprété par ie 7 en mode Standards Compliance !
Il y a d'autres hacks valides à condition que IE 7 n'ait pas besoin de cette instruction et d'autres méthodes s'il en a besoin (le bout de code posté ne permet pas de donner une réponse précise) !
02/03/2007, 12h05
radimby
Je sais que ce n'est pas valide, mais cela resoud quand meme au probleme sous IE<7,en plus en ce moment, d'après ce que je sache, il est quasi impossible de mettre un background fixe avec IE7 (ça bouge toujours).

Sinon, si on peut ajouter aussi dans le header de la source HTML le code suivant :
Code:

1 2 3 4 5 6 7 <head> ... @import('style.css') 
...
</head>

Et mettre dans style_ie6.css le code :
Code:

1 2 background-attachment: fixed;
02/03/2007, 14h47
kaiser59
Salut,

En effet, je confirme que

Code:

_background-attachement:fixed;

fonctionne mais n'est pas valide :(

Que veux tu dire radimby par
Code:

1 2 3 4 5 6 7 8 <head> ... @import('style.css')  ... </head>
car je n'utilise qu'une seule css ("styles.css"), j'essaye de comprendre ce que tu as mis :
il faut que je crée une copie de ma feuilles de styles que je nome styles_ie6.css que je met dans la condition, c'est ça ?

Merci d'avance ;)
02/03/2007, 15h18
kaiser59
J'ai mis ceci radimby :
Code:

1 2 3 4 5 6 <style type="text/css"> @import url(../feuillestyle/styles.css);  </style>
entre les head

la feuille est bien lu mais sa fonctionne pas :( j'ai bien rajouté comme tu l'as marqué background-attachment:fixed; à ie6 pourtant.
02/03/2007, 17h46
Dan_A
Sit ie 7 n'est pas affecté par le bug, alors ajoute
* html div#contenu{background-attachement:fixed;}
dans ta feuille de style
sinon, ajoute dans l'html
Code:

1 2 3 4 5 6 7 <style type="text/css"> @import url(../feuillestyle/styles.css);  </style>
04/03/2007, 14h40
kaiser59
Salut,

Excuse Dan_A mais j'ai pas tout compris tu me suggère de mettre :

Code:

* html div#contenu{background-attachement:fixed;}

dans la css, c'est bien ça !? :oops:

En ce qui concerne ça :
Code:

1 2 3 4 5 6 <style type="text/css"> @import url(../feuillestyle/styles.css);  </style>
sa marche pas :'(
Ai-je besoin de rajouter :

Code:

<link rel="stylesheet" type="text/css" href="feuillestyle\styles.css">

?
merci d'avance ;)
04/03/2007, 14h46
kaiser59

re

C'est bon Dan_A j'ai mis :

Code:

* html div#contenu{background-attachement:fixed;}

dans la css et cela fonctionne merci à toi ;) et à ceux qui mon aidés aussi.