Image en arrière-plan

Version imprimable

15/05/2006, 13h48
andlio

Image en arrière-plan

Bonjour,

J'ai un petit souci avec IE.

Dans mon css, j'ai la ligne suivante qui a pour but d'afficher une image en arrière-plan dans le coin inférieur droit de la page :

Code:

background: transparent url(../images/fond_page.gif) bottom right no-repeat;

Ca marche très bien sous Firefox, mais avec IE l'image se trouve au premier plan, et me cache donc une partie du texte de la page.

Comment fait-on pour que cette image soit en arrière-plan aussi bien sur Firefox que sur IE ?
15/05/2006, 14h06
Swoög

arrete d'utiliser IE ;)

lol plus sérieusement tu es sûr que ton texte est bien dans le div (ou la balise) auquel est appliqué le background ? sinon C pitêt un pb de z-index
15/05/2006, 14h28
bavibavi

le background marche tout aussi bien sous IE que firefox,tu peux filer le code html que tu utilise pour cette partie stp ?
15/05/2006, 14h32
andlio
Citation:

Envoyé par Swoög

arrete d'utiliser IE ;)

Moi ça fait déjà un moment que j'ai arrêté IE, mais les personnes qui utiliseront ce site non ;)

Sinon il s'agit d'une balise qui se trouve dans une balise qui se trouve dans la balise container.

Voici le code exact du css :
Code:

1 2 3 #container { background-image: transparent url(...) left right no-repeat; }

Code:

1
2
3
4
5
6
7
8
9
10
11
<div id="container">
    <div id="colonneDroite">
         TEXTE...
 
         <div id="contenu">
               TEXTE....
         </div>
 
 
    </div>
</div>

15/05/2006, 14h35
Swoög

il n'y a pas de différence de positionnement (un div en position non spécifié et un autre en position : relative) ?
ou des trucs comme ça...
à quoi sert le "transparent" ? (première fois que je le vois ;) )
15/05/2006, 14h58
bavibavi

tu veux jouer avec la transparence déjà tu vas droit vers les pbs lol, tu utilises des png ?

Sinon le no-repeat [FONT=monospace]s'applique au [/FONT]left right de la css ? normalement ce n'est pas vertical et horizontal ?
15/05/2006, 15h31
Sheriff

salut !
Je te suggère d'utiliser le

Code:

background-repeat:no-repeat; background-position-x:left; background-position-y : top

@+
15/05/2006, 15h35
andlio
Citation:

Envoyé par Swoög

il n'y a pas de différence de positionnement (un div en position non spécifié et un autre en position : relative) ?
ou des trucs comme ça...

C'est possible! j'avais une autre image en arrière plan. Le CSS était le suivant :
Code:

1 2 3 4 #page { position: relative; background: transparent url(...) left top no-repeat; }
Elle était aussi au 1er plan et me cachait une partie du texte. J'ai enlevé le "position: relative;", et maintenant les 2 images se trouvent en arrière plan :D Mais je comprends pas pourquoi :?

Citation:

Envoyé par Swoög

à quoi sert le "transparent" ? (première fois que je le vois ;) )

C'est la 1ère fois aussi, j'ai récupéré le code :P

Merci pour votre aide, z'êtes trop fort ;)
15/05/2006, 17h31
Swoög

le position : relative provoque (sous IE) un changement de flux de présentation, on passe du flux normal (position non précisé) au flux "relative" ce qui provoque une mise au premier plan ;) ça le fait aussi sous FF, mais c'est plus subtil, et (à mon avis) beaucoup mieux géré ^^