Problème CSS ou HTML ?

**kaiser59** · 27/02/2007, 22h51

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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

**blueice** · 28/02/2007, 08h20

Fixe ton image peut-être...

Code css :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
 
background-attachment: fixed;

**kaiser59** · 28/02/2007, 21h27

Salut,

J'ai mis le

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

++

**radimby** · 02/03/2007, 10h27

blueice avait raison mais il faut faire un peu de hacking, ainsi c'est IE seulement qui le prenne

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
 
_background-attachment: fixed;

**Dan_A** · 02/03/2007, 10h49

_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) !

**radimby** · 02/03/2007, 12h05

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
 
<head>
...
@import('style.css')
<!--[if IE 6]>
@import('style_ie6.css')
<![endif]-->

...
</head>

Et mettre dans style_ie6.css le code :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
 
background-attachment: fixed;

Problème CSS ou HTML ?

CSS

Vue hybride

Discussions similaires

Partager

Partager