Position fixe en CSS

Version imprimable

12/01/2009, 18h36
Bisûnûrs

Position fixe en CSS

Bonjour,

Le tutoriel que je vous présente va vous expliquer comment positionner en CSS un élément de manière fixe, aussi bien sur Firefox ou les autres navigateurs alternatifs que sur Internet Explorer 6 et 7.

N'hésitez pas à me faire part de vos remarques, suggestions, questions... dans cette discussion.

Bonne lecture à tous.
18/04/2009, 20h49
Deetov

Salut,

Merci pour ce tuto. J'ai bien aimé.

En fait, je me demande quel framework javascript t'as utilisé. Aussi, serait-ce possible de me filer le code source dece tuto ? je te serais très reconnaissant.

Merci bien
21/04/2009, 07h39
Bisûnûrs

Heu, je n'ai utilisé aucun framework Javascript. La position fixe se fait en CSS et non en Javascript (excepté le patch IE6).

Et le code source .... Ben il est dans le tuto. :koi:
29/10/2011, 16h53
idavid

pile poil

Voici précisément ce que je recherchais.

Merci pour ce tuto, aussi rapide, efficace que clair.:ccool:
09/11/2011, 11h37
SullyWW

en rapport avec l'image fixe

Bonjour à tous et toutes,

Je ne suis en aucun cas une pro du web, mais j'ai réussi à améliorer notre site, faute de personnel adéquat et dans l'urgence, en me débrouillant comme je peux, cependant, je rencontre deux soucis sous IE 8, que je n'ai pas sous FF
Mon image menu ( manche de guitare) est bien fixe, et reste fixe sur toutes les pages, mais il m'affiche juste à côté un cadre avec une croix rouge, en bas de chaque page :en clair, j'ai bien vu que c'est l'image du manche de guitare en mode "not available"...comme son reflet..rien de tout cà sous firefox.
http://www.wild-widow.com/menu.php
- l'autre souci est le lecteur audio il ne s'affiche pas.
http://www.wild-widow.com/menu.php?show=media

Et sur une de mes pages une fois cliqué sur un des onglets du menu, le menu ne fonctionne plus...
http://www.wild-widow.com/menu.php?show=listen

Je m'arrache les cheveux :D
J'espère que je suis dans le bon sujet
Merci de votre aide
Sully

Bonjour, J'ai suivi ce tuto, cela marche sur mon pc Windows mais pas sur ma tablette Android, la fenêtre ne s'affiche pas. Je développe un logiciel pour tablette et navigateur chrome et cette fenêtre permet d'afficher un menu déroulant. Je vous remercie de votre éclairage. Sincères salutation.

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
 
#fixe
{
   position        : fixed;
    top             : 10%;
    margin-top      : -36px;
    left           : 100px;
	z-index        : 14;
}
#fixe
{
    background      : #9966FF;
    height          : 200px;
    border-bottom   : 2px solid #d07171;
    width           : 10%;
}
 
#fixe p
{
    margin          : 0;
}

Le code html :

Code:

1
2
3
4
5
6
7
8
9
10
<div id="fixe">
 <form method="post" action="goventes(document.modedistribution)" name="modedistribution">
  <select onChange="goventes(document.modedistribution);" name="WE2125f1c925">
  <option selected="selected" value="nolink">Choisir un mode </option>
  <option value="MP">Mains propes</option>
  <option value="BL">Boites aux lettres</option>
  <option value=" ">Remise a blanc</option>
  </select>
</form>
</div>

24/08/2015, 09h35
friendofweb

Bonjour, j'apprends le développement web et je me pose la question suivante :

Est-ce qu'il faut encore prévoir des navigateurs comme IE6 et IE7 (nous sommes à IE11)?
Je me dis que pour que les dernières normes soient utilisées, qu'il faut encourager les utilisateurs à mettre à jour leur système et donc leurs navigateurs.
Même si, j'ai encore constaté qu'il existe encore des machines qui tournent sous Win XP, j'imagine faute de moyens financier et capacité technique peut-être.

ex: Certains fax-phone-Internet

Au fait, merci pour le tuto !
25/08/2015, 10h46
friendofweb

Bonjour, pour info, le lien : commentaires conditionnels du premier paragraphe semble mort..