Attribut float...?

zimounet
WRInaute passionné
WRInaute passionné
 
Messages: 1796
Inscription: 8 Nov 2004

Attribut float...?

Message le Mer Déc 21, 2005 13:26

Désolé je n'ai pas trouvé mieux comme titre!

en fait j'essaye de retrouver comment on fait pour faire apparaitre un élément sur l'écran du visiteur, meme si la scroolbar fait 10 km...

Grosso merdo, je veux qu'un élément défile en meme temps que la bar de scroll.

Qui peux me rappeler kezako?


chantra
WRInaute occasionnel
WRInaute occasionnel
 
Messages: 257
Inscription: 27 Juin 2005

Message le Mer Déc 21, 2005 13:28

essaye float: fixed ou un truc du style.

spidetra
WRInaute passionné
WRInaute passionné
 
Messages: 1500
Inscription: 7 Juil 2003

Message le Mer Déc 21, 2005 13:36

tu as un exemple sur cette page :
http://ocsima.neuf.fr/

Code: Tout sélectionner
<DIV class=mobile id="menu" style="position:absolute">


et dans la css :

Code: Tout sélectionner
DIV.menu { BORDER-RIGHT: #99a 2px solid; BORDER-TOP: #f7faff 2px solid; FONT-SIZE: 8pt; Z-INDEX: 500; LEFT: 0px; VISIBILITY: hidden; BORDER-LEFT: #f7faff 2px solid; WIDTH: 110px; COLOR: #000; BORDER-BOTTOM: #99a 2px solid; POSITION: absolute; TOP: 0px; BACKGROUND-COLOR: #e5debe }


position => absolute
top => o px


leffroyable
WRInaute impliqué
WRInaute impliqué
 
Messages: 579
Inscription: 4 Déc 2004

Message le Mer Déc 21, 2005 13:40

avec une position absolute, le bloc défilera en même temps que le scroll, par contre, avec une position: fixed je crois que ça va le faire

plus d'infos ici :
http://forum.alsacreations.com/faq/#item59


e-kiwi
Modérateur
Modérateur
 
Messages: 15617
Inscription: 23 Déc 2003

Message le Mer Déc 21, 2005 13:43

tiens mon menu droite permanent (sous ie et firefox)

#menu_droite{
position:fixed;right:0%;
-position:absolute; top: expression(body.scrollTop);
-left: expression(body.clientWidth - 170);
height:400px;
width:160px;
margin:5px;
}

la page doit etre déclarée en xml :
echo "<?xml version=\"1.0\" encoding=\"iso-8859-15\"?".">"; en début de page


chantra
WRInaute occasionnel
WRInaute occasionnel
 
Messages: 257
Inscription: 27 Juin 2005

Message le Mer Déc 21, 2005 13:52

arf, pardon, c'etait position et pas float :)
dsl


Leonick
WRInaute accro
WRInaute accro
 
Messages: 19592
Inscription: 8 Aoû 2004

Message le Mer Déc 21, 2005 14:13

Mais ça ne marche pas pour IE :cry:


e-kiwi
Modérateur
Modérateur
 
Messages: 15617
Inscription: 23 Déc 2003

Message le Mer Déc 21, 2005 14:20

Leonick> on ne sait pas à qui tu reponds


Leonick
WRInaute accro
WRInaute accro
 
Messages: 19592
Inscription: 8 Aoû 2004

Message le Mer Déc 21, 2005 14:34

A un peu plusieurs personnes, c'est au sujet du position:fixed
par exemple, sur http://www.champignytriathlon.org/recit ... ne-2005-ir
le bandeau reste bien fixe avec FF et Opera, mais pas avec IE


e-kiwi
Modérateur
Modérateur
 
Messages: 15617
Inscription: 23 Déc 2003

Message le Mer Déc 21, 2005 14:39

d'ou ma technique donnée ci dessus pour que ca marche partout (combiner fixed et body.srcolltop)


Leonick
WRInaute accro
WRInaute accro
 
Messages: 19592
Inscription: 8 Aoû 2004

Message le Mer Déc 21, 2005 14:47

e-kiwi a écrit:d'ou ma technique donnée ci dessus pour que ca marche partout (combiner fixed et body.srcolltop)
Nickel, je viens de l'appliquer à mon site et la page citée dessus a bien son bandeau fixe sur tous les navigateurs


e-kiwi
Modérateur
Modérateur
 
Messages: 15617
Inscription: 23 Déc 2003

Message le Mer Déc 21, 2005 15:09

voui, c'est pas du 100% mais pas loin (si je me rappelle, ca ne marche pas sur la version d'ie d origine de windows2000, et je sais plus quelle version de Firefox, mais bon, qu'ils se mettent à jour... :-)


biddybulle
WRInaute passionné
WRInaute passionné
 
Messages: 1619
Inscription: 30 Mai 2005

Message le Mer Déc 21, 2005 17:47

Sinon y a cela c es pas mal non plus

http://www.cssplay.co.uk/layouts/fixed.html


Si vous avez aimé cette discussion, partagez-la sur vos réseaux sociaux préférés :

Lectures recommandées sur ce thème :



Qui est en ligne

Utilisateurs parcourant ce forum: Aucun utilisateur enregistré et 1 invité