28173 sujets

CSS et mise en forme, CSS3

Voila j'ai une page avec une iframe dans la quelle j'affiche des pages html. (logique)

Les pages qui s'affiche sont des tableaux avec à chaque fois un fond écran qui doit rester fixe. Le probleme j'utilise un code qui devrait laissser l'image telles qu'elles du tableau mais le scrolling de l'iframe la fait se repeter.

Mon code marche sur firefox mais pas sur internet explorer par exemple.

Voici mon code.

<table height="605" border="0" background="../images/centre2.png" style="background-attachment:fixed;">

Si quelqu'un a une idée pour que ça marche sur tout les navigateurs ou du moins les plus utilisé merci de répondre.

Merci d'avance

Romer000
Modifié par romer000 (19 May 2006 - 09:31)
Existe il une autre façon que le background-attachement=fixed ce site est très important

Merci d'avance a ceux qui repondront
Travailler en CSS et attacher cette image au BODY, ce que reconnaît IE :
body {
   background: #couleur [#orange]url(adresse-de-l'image)[/#] position répétition;
   }

Modifié par Smiley neko (18 May 2006 - 16:03)
ok merci pour la reponse mais en faites je me suis mal expliquer.

L'image doit rester fixe alors que le texte monte ou descend grace a scroll sans bouger la page.

Le code envoyé met l'image fixe mais le reste est blanc le haut est le bas de l'image.

Ce n'est pas ce que je veux.

Merci quand même

Si d'autres a une idée moi j'ai essayer plein de truc sans succès.
J'ai oublié de mettre "fixed" dans l'exemple précédent, vu que c'est ce que tu désires obtenir :

body {
   background: #couleur url(adresse-de-l'image) [#orange]attachement[/#] position répétition;
   }


Les valeurs, rappel :
a écrit :
attachement : background-attachment
- scroll
- fixed
- inherit
a écrit :
répétition: background-repeat
- repeat
- repeat-x
- repeat-y
- no-repeat
- inherit
a écrit :
image : background-image
- url(image)
- inherit
a écrit :
couleur : background-color
- couleur (mot-clef, hexadécimal)
a écrit :
position : background-position
- pourcentage (x%)
- longueur
- mot-clefs (top, right, bottom, left, center)
- inherit



Exemple :
body {
   background: #fff url(machin.png) fixed top left no-repeat;
   }

Modifié par Smiley neko (18 May 2006 - 19:23)
ok merci ça marche nikel mais ce que je ne comprend pas c'est que j'avais déjà essayer.

Bon je vais pas chercher a comprendre.

Bon en tout cas merci a ceux qui ont répondu.

Je vais essayer d'aider aussi de mon coté c'est la moindre des choses.

Bonne continuation au site.