Discussion :

[andlio]

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 :

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

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 ?

[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

[bavibavi]

le background marche tout aussi bien sous IE que firefox,tu peux filer le code html que tu utilise pour cette partie stp ?

[andlio]

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 :

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

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

[andlio]

Code :

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

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>

[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 )

[andlio]

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 :

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

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 Mais je comprends pas pourquoi

à 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

Merci pour votre aide, z'êtes trop fort

[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é ^^

[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 ?

[Sheriff]

salut !
Je te suggère d'utiliser le

Code :

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

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

@+