Pb css: je veux fixer un élément

Résolu/Fermé
je suis en galère - 13 mai 2008 à 12:33
 Okarels - 9 mai 2015 à 16:24
Bonjour, je voudrais faire quelque chose que je n'arrive pas à faire:
C'est que un élément d'une page web (par exemple une table verte) reste toujours à la même position malgrès qu'on utilise la barre de défilement (vous pouvez voir un exeple ici : http://unspace.ca/

Voici mon code (appelé 1.html) que vous pouvez faire copie-coller:

<html>

<head>
<meta http-equiv="Content-Style-Type" content="text/css">
</head>


<body>

<span style='position:absolute;left:50%;top:50%;'>
<table border='1' bgcolor='green'>
<tr>
<td height='200' width='200'>
</td>
</tr>
</table>
</span>

AAAA<br><br><br><br><br>AAAA<br><br><br><br><br>AAAA<br><br><br><br><br>AAAA<br><br><br><br><br>
AAAA<br><br><br><br><br>AAAA<br><br><br><br><br>AAAA<br><br><br><br><br>AAAA<br><br><br><br><br>
AAAA<br><br><br><br><br>AAAA<br><br><br><br><br>AAAA<br><br><br><br><br>AAAA<br><br><br><br><br>

</body>
</html>
A voir également:

7 réponses

faboons Messages postés 269 Date d'inscription mardi 12 février 2008 Statut Membre Dernière intervention 22 janvier 2024 50
13 mai 2008 à 20:15
Salut, comme tu ne dis pas quel élément doit être fixe c'est un peu dur de faire une réponse précise.

Néanmoins je pense que c'est en css que se situe la solution :

Il te faut appliquer un :

background-attachment:fixed;


à ton élément.

@ pluche.
Fab.
2
je suis en galère
13 mai 2008 à 12:35
l'exemple est http://unspace.ca/
0
je suis en galère
13 mai 2008 à 15:44
je suis en galère
0
je suis en galère
13 mai 2008 à 20:02
je suis encore en galè...
0

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
je suis en galère
13 mai 2008 à 20:29
Salut et merci pour ta réponse faboons.
En fait, ce qui doit étre fixe, c'est le tableau vert décrit dans le code par:

<span style='position:absolute;left:50%;top:50%;'>
<table border='1' bgcolor='green'>
<tr>
<td height='200' width='200'>
</td>
</tr>
</table>
</span>

Et tu m'as dis que je dois utiliser le code background-attachment:fixed;
Peut-tu me monter comment tu inseres ce background-attachment:fixed; dans mon code svp

Merci d'avance.
0
Je ne suis pas chez moi, donc pas sûr que ça produira le bon résultat, néanmoins ça devrait donner ça :


<span style='position:absolute;left:50%;top:50%;'> 
<table border='1'  style='background-color:green; background-attachment:fixed;'> 
<tr> 
<td height='200' width='200'> 
</td> 
</tr> 
</table> 
</span>


Autre question pourquoi as-tu mis des guillemets simples dans ton code ?
J'ai fait comme toi mais je ne sais pas si ça marchera.

Je regarderi de plus près quand je serai chez moi.
Bon courage.
@ pluche.
Faboons.
0
beate Messages postés 166 Date d'inscription dimanche 28 août 2005 Statut Membre Dernière intervention 7 juillet 2010 6
14 mai 2008 à 01:30
Salut!
Il me semble que la solution à ton problème pourrait être ici: http://fr.selfhtml.org/css/misesenpage/domainefixe.htm#fixe_ie .
En utilisant l'adaptation à IE (http://fr.selfhtml.org/css/misesenpage/domainefixe.htm#definir ), tu arriverais à fixer ton élément dans pas mal de navigateurs.
Bonne chance!
0
Les liens ne sont plus valide...
0
je suis en galère
14 mai 2008 à 14:07
Non ça ne marche pas faboons, mais merci pour ton aide.
Et merci à toi beate car ça a marché!Problème résolu!

Et merci aussi à comment ça marche .
0
Quel était la solution s'il te plait car les liens sont morts :/ ?
0