Fond au premier plan, moi pas comprendre

DJiK · Message par **DJiK** » 04 août 2004, 11:25

Comment ça se fait que parfois une division avec un arrière-plan masque du texte d'autres div ou du body?

Que 2 éléments d'avant-plan se masque, je peux comprendre, mais l'arrière-plan n'est-il pas censé être toujours derrière?

Exemple:
http://djik.free.fr/test_fond/exemple.xhtml

J'aimerai que tout soit par dessus l'image verte du haut...

Pourquoi certains sont dessous? C'est tout bizarre!

jv2759 · Message par **jv2759** » 04 août 2004, 11:35

Il doit y avoir quoi exactement?

Moi je vois recherche zone et hop

stz · Message par **stz** » 04 août 2004, 13:14

moi aussi je vois bien la zone de recherche par dessus l'arrière plan.
par contre je crois qu'il serait plus judicieux de donner l'extention .html ou .htm, parce que IE refuse d'ouvrir la page .xhtml avec un message d'erreur:
...can harm your computer... look suspicious...

et si je choisis "open" quand-même ça me l'ouvre sans css dans... firefox!!

DJiK · Message par **DJiK** » 04 août 2004, 16:39

jv2759 a écrit :Moi je vois recherche zone et hop

Oui, mais fait scroller la page (p-e il faut que tu réduises la taille de la fenêtre

).

Certaines choses passent au dessus, d'autres en-dessous de l'image verte.
Moi je voudrait que tout soit au dessus.

stz a écrit :parce que IE refuse d'ouvrir la page .xhtml

Oui je sais!

Je pensais pas que des gens iraient la voir avec IE sur ce forum!

jv2759 · Message par **jv2759** » 04 août 2004, 17:21

Ha oui, j'avais pas vue, mon écrant étant sufisant pour pas scroller...

Mais je crois que le probléme vien du fait que ce n'est pas une image de fond de pages. Mais une image de fond d'un div.

Et comme tu n'as indiquer aucune précision sur l'emplacement par rapport au reste (z-index)... Cela à un comportement aléatoir...

Je crois que la solution c'est de ne pas écrire

Code : Tout sélectionner

<div class="supplementaire1"> </div>

mais plutot :

Code : Tout sélectionner

[b]<div class="supplementaire1">[/b]
<form method="post" action="recherche.php?action=recherche">
...

...

...

</p>
</div>
[b]</div>[/b]

Ainsi tu parleras bien du fond ou ce trouve tout les autre objet, et donc il passeront bien tous au dessu...

DJiK · Message par **DJiK** » 04 août 2004, 19:14

Ah ouais, mais ça fait plus ce que je veux!
Tout doit scroller sauf cette div qui est fixe.

Le z-index pour l'arrière plan ça fait pas du tout ce qu'on espère...

J'arrive à faire passer tout le monde sous cette div supplémentaire verte, mais pas tout le monde dessus!

jv2759 · Message par **jv2759** » 04 août 2004, 19:41

Avec cela cela devrait marchais un peux mieux :

Code : Tout sélectionner

.supplementaire1{
	background: url(vert/fond.png) no-repeat top right;
	background-attachment: fixed;
}

puis :

Code : Tout sélectionner

<body><div class="supplementaire1"> 
...
</div></body>

Message par **Benoit** » 04 août 2004, 22:32

Je crois que c'est simplement dû à l'ordre d'apparition des div sur ta page. Pour changer ça il me semble que tu dois utiliser la règle z-index.

DJiK · Message par **DJiK** » 04 août 2004, 22:35

Mmmm pas vraiment... Ça fait heu... bizarre!

Le fond reste fixe, mais la div monte. Un peu comme ici.

jv2759 · Message par **jv2759** » 04 août 2004, 22:42

Apres il faut adapter tes css.

Mais ainsi tu as ton fond qui est bien fixe et tout le reste ce trouveras bien au dessu quand tu vas scroller... Mais il vas falloire modifier le reste, car tu avait prévut avec un div particulier qui était fixe.

Car le probléme avant c'est que c'était le div qui était fixe alors qu'il aurais plutot fallut que ce soit l'image qui le soit...

DJiK · Message par **DJiK** » 04 août 2004, 23:49

Je crois pas qu'on puisse arriver au m^ résultat... Parce que la div qui englobe tout ne pourra pas rester fixe, et donc pas montrer le fond quand on scrolle.
Et surtout, ça me plait pas trop de mettre toute la page dans un div.

Il y aurait + simple, c'est de mettre l'image directement avec <img ...> mais je dois pouvoir changer entre plusieurs .css. D'où cette div supplémentaire.

Benoit a écrit :Pour changer ça il me semble que tu dois utiliser la règle z-index.

J'ai essayé plusieurs combinaisons. Ça marche bien pour <img ...> justement, mais pas quand l'image est en fond.

jv2759 · Message par **jv2759** » 05 août 2004, 00:05

background-attachment: fixed;

cela veux dire que le fond d'ecrant ne bouge pas.

Donc si le div englobe tout la pages, cela veux dire qu'il resteras toujours à la même place, que tu scrolle ou pas...

Geckozone

Fond au premier plan, moi pas comprendre

Fond au premier plan, moi pas comprendre

Qui est en ligne ?