Accueil > Forum > > > > css position:fixed; sans scroll horizontal
css position:fixed; sans scroll horizontal
lundi 8 juin 2009 à 12:48:50 |
css position:fixed; sans scroll horizontal

ghost_of_prog
|
Bonjour à tous, j'ai un souci en css, je ne sais pas si cela est possible alors je demande a tout hasard ... voila j'ai une div en position:fixed; je voudrais qu'elle reste visible et donc fixe, losque je scroll ma page verticalement mais pouvoir voir le contenu de cette meme div lors d'un scroll horizontal car celle-ci n'est pas visible entierement horizontalement. |------------------------------------------------| | |----------------------------------------------|----------------| | | ma div (fixed) | | | |__________________________________ |____________| | | /\ | | |______ (partie de ma div non visible (cause:position:fixed;) | ma page | | | | | | | | | |____________________________________| voila j'espere avoir été assez clair dans mes explications. Merci de votre aide.
|
|
lundi 8 juin 2009 à 12:52:04 |
Re : css position:fixed; sans scroll horizontal

ghost_of_prog
|
je refais mon schema (désolé) :
|-------------------------------------| | |-----------------------------------|----------------| | | ma div (fixed) | | | |__________________________ |____________| | | /\ | | |______ partie de ma div non visble | ma page | (cause:position:fixed;) | | | | | | |____________________________|
Merci de votre aide.
|
|
lundi 8 juin 2009 à 13:00:32 |
Re : css position:fixed; sans scroll horizontal

Bul3
|
Bonjour, position:fixed, c'est génial, et ça permet de "déplacer" un élément, de le laisser au même endroit relatif, y compris en cas de scroll ( horizontal et/ou vertical ) mais bon... c'est la position du coin en haut à gauche de cet élément qui "bouge" et rien d'autre ( pas la taille ou quoi que cela soit ! ) t'es sûr que sans scroller, ton élément est TOTALEMENT visible ? si non, au scroll... ce sera pareil ou alors.. j'ai rien compris ? Cordialement [ mon Site] [ M'écrire]  Bul
|
|
lundi 8 juin 2009 à 14:39:29 |
Re : css position:fixed; sans scroll horizontal

ghost_of_prog
|
merci de me repondre bul3,
en faite ma div est trop large en haut pour tout afficher du coup j'aurais besoin de pouvoir scroller horizontalement sans que la div ne bouge pour pouvoir voir le reste de ma div, mais qu'elle se "deplace" verticalement quand je scrolle verticalement seulement.
je sais pas si je suis clair ... sinon je peux te passer le code ce sera peut etre plus simple ...
|
|
lundi 8 juin 2009 à 14:51:12 |
Re : css position:fixed; sans scroll horizontal

ghost_of_prog
|
voila le code en simplifié :
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html> <head> <title>Page title</title>
<style type="text/css"> .le_calendrier{ border-width: 1px; border-style: solid; border-color: #000000; background-color: #AEFAEF;
width:3500px; height:20px; position:fixed; z-index:5; }
</style> </head> <body> <div class="le_calendrier">Janvier,Fevrier,Mars,Avril,Mai,Juin,Juillet,Aout,Septembre,Octobre,Novembre,Decembre=> 2001 puis Janvier,Fevrier,Mars,Avril,Mai,Juin,Juillet,Aout,Septembre,Octobre,Novembre,Decembre =>2002 puis Janvier,Fevrier,Mars,Avril,Mai,Juin,Juillet,Aout,Septembre,Octobre,Novembre,Decembre 2003</div> <div style="width:3000px;height:9000px;">1<br>2<br>3<br>4<br>5<br>6<br>7<br>8<br>9<br>10<br>1<br>2<br>3<br>4<br>5<br>6<br>7<br>8<br>9<br>10<br></div> </body>
|
|
lundi 8 juin 2009 à 15:03:10 |
Re : css position:fixed; sans scroll horizontal

Bul3
|
>>je sais pas si je suis clair ... je ne sais pas... mais j'ai pas compris moi ! et.. tu as lu ce que je disais ? je ne crois pas !!!!
>>ma div est trop large en haut pour tout afficher du coup >>j'aurais besoin de pouvoir scroller horizontalement sans que >>la div ne bouge pour pouvoir voir le reste de ma div, justement ! et : meuh..... 2 chose position:fixed, je t'ai expliqué, après tu veux adapter quoi à la taille de quoi ? ( et position:fixed, c'est la position !!! pas la taille !!!! ) sans oublier que le redimensionnement des fenêtres ce n'est autorisé que si on le permet !!
|
|
lundi 8 juin 2009 à 15:33:19 |
Re : css position:fixed; sans scroll horizontal

ghost_of_prog
|
oui oui j'ai bien lu ton premier message, j'ai envoyé le code (voir plus haut) pour que tu vois mon souci .... pour repondre a tes questions : => "t'es sûr que sans scroller, ton élément est TOTALEMENT visible ?" - Non justement dès le debut je ne vois pas toute ma div d'où l'intérêt de pouvoir scroller horizontalement et effectivement comme tu le dis au scroll c'est pareil le div se "deplace avec le scroll donc impossible de voir le reste de ma div  . =>"ça permet de "déplacer" un élément, de le laisser au même endroit relatif, y compris en cas de scroll ( horizontal et/ou vertical )" - Si cela signifie que position:fixed; ne peut rester "sans bouger" pour aucun scroll (horizontal ou vertical ) et donc que l'utilisation de position:fixed; n'est pas la bonne solution, aurais tu un conseil à me donner ? Merci de tes reponses.
|
|
lundi 8 juin 2009 à 15:45:25 |
Re : css position:fixed; sans scroll horizontal

Bul3
|
>>donc que l'utilisation de position:fixed; n'est pas la bonne solution, je répète ? position:fixed s'occupe de la position d'un élément dans la page pas du tout de sa taille, ni de la taille de la fenêtre !!!! >>aurais tu un conseil à me donner ? adapter la taille au contenu ! mais comme déjà dit : sans oublier que le redimensionnement des fenêtres ce n'est autorisé que si on le permet !!
|
|
lundi 8 juin 2009 à 16:00:02 |
Re : css position:fixed; sans scroll horizontal

ghost_of_prog
|
Je n'ai jamais souhaité changer la taille de ma div ni celle de ma fenetre, juste permet un scroll horizontal tout en gardant les caracteristiques de position:fixed; pour le scroll vertical (a savoir un simple deplacement verticale uniquement), étant donné que ceci n'est pas possible, je vais essayer de trouver une autre solution car comme le montre mon code je ne peux pas changer l'organisation de ma div ni meme sa taille par la meme occasion.
Merci comme meme de tes réponses.
|
|
lundi 8 juin 2009 à 16:18:11 |
Re : css position:fixed; sans scroll horizontal

Bul3
|
>>un scroll horizontal tout en gardant les caracteristiques de position:fixed; ???? navré..... je ne comprend plus rien ???? position:fixed c'est horizontal ET vertical >>pour le scroll vertical...étant donné que ceci n'est pas possible c'est bien ce que je dis... je ne comprend plus rien
je répète néanmoins : position:fixed ne s'occupe que de la position de l'élément. pas de sa taille. si cette taille dépasse celle de la fenêtre ( ou du conteneur ) soit laisser l'utilisateur scroller, soit mettre la taille en %, soit adapter la taille du conteneur à son contenu soit... ne comprenant pas ce qu'il faut.... surtout compte tenu de : >>je ne peux pas changer l'organisation de ma div ni meme sa taille par la meme occasion je ne peux guère aider plus !!!!! ( si on ne peut rien adapter, il ne reste qu'à laisser l'internaute scroller si nécessaire !)
|
|
Cette discussion est classée dans : position, scroll, css, div, fixed
Répondre à ce message
Sujets en rapport avec ce message
Position d'un DIV toujours en haut [ par fcdconnect ]
Bonjour !j'aimerai savoir comment positionner un toujours en haut d'une fenetre meme apres un scroll...merci d'avance
Position d'un DIV toujours en haut [ par fcdconnect ]
comment avoir un toujours en haut de la page meme apres un scroll:þmerci
scroll et calque [ par zorro699 ]
???Ci dessous un scripte qui permet de scroller un calque et qui fonctionne correctement.Seulement j'aimerai utilisé ce script pour d'autres calques.j
Position de la scroll bar [ par bodrhan31 ]
Salut ! Je cherche à positionner la barre de scroll sur la gauche (et donc le texte sur sa droite). Impossible d'y arriver en css ? Est-ce possible d
Div bougeable en fonction du scroll... problème le navigateur panique... Script très pratique pour faire planter IE [ par MeTh ]
Bonjour,J'essai de réalisé un script qui déplace les div verticalement ou horizontalement en fonction du scroll de la fenetre pour que les div reste t
Scroll dynamique dans div [ par l2el2o ]
Bonjour à tous, J'ai une balise div en overflow:scroll; dont le contenu change dynamiquement. J'aimerais savoir si il serait possible de faire descen
coucou , je suis dans la M...... [ par frvfrvfrvfrv ]
salut à tous,j'essaye de faire bouger des div , de facon auto , j'ai deja avancer grace à vous tous. Mais pour la suite j'arrive pas a faire la logiqu
Centrer un div [ par coyote ]
Je voudrais centrer un div (qui apparait) lors d'un clic souri. Le probleme est que je veux le centrer relativement au scroll de la page: la page aya
deplacer des div avec la souris [ par reski_01 ]
bonjour a tous, j'ai chercher partout mais je ne trouve pas comment modifier ce que j'ai pu collecter je voudra
Modification de tableau par balise div [ par gourango ]
Boujour et bien voila un grand probleme se pose la comptabilitee :J ai cree un script pour mon site malheureusement imcompatible avec ie !!!(internet
Livres en rapport
|
Derniers Blogs
[DESIGN PATTERNS] PARTIE 2: DIP: DEPENDENCY INVERSION PRINCIPLE[DESIGN PATTERNS] PARTIE 2: DIP: DEPENDENCY INVERSION PRINCIPLE par tja
C'est le dernier principe des principes du Design Orienté Objet (The Principles of Object Oriented Design) fondés par Robert C. Martin plus connu sous le pseudonyme d'Uncle Bob.
l'image empruntée de LosTechies.
Je ne traite pas les principes dans...
Cliquez pour lire la suite de l'article par tja TECHDAYS PARIS 2010 : SHAREPOINT 2010 POUR LES DéVELOPPEURSTECHDAYS PARIS 2010 : SHAREPOINT 2010 POUR LES DéVELOPPEURS par ROMELARD Fabrice
Animé par: Laurent Cotton Le développement dans SharePoint 2010 passe par plusieurs axes qui seront évoqués dans cette session, mais plus particulièrement les développements simples lié au besoin Business Business Connectivity Services Ce BCS es...
Cliquez pour lire la suite de l'article par ROMELARD Fabrice TECHDAYS PARIS 2010 : PLEINIèRE DERNIER JOURTECHDAYS PARIS 2010 : PLEINIèRE DERNIER JOUR par ROMELARD Fabrice
Cette session est la dernière pleinière de ces 3 jours de TechDays Paris 2010. Généralement, cette troisième journée est plus axée sur l'avenir vu par Microsoft. Après un retour sur l'avenir vu par la Science Fiction ou par ...
Cliquez pour lire la suite de l'article par ROMELARD Fabrice UNE JOLIE-HORLOGE ET PAS QU'UN PEU !UNE JOLIE-HORLOGE ET PAS QU'UN PEU ! par neodante
Pour les possesseurs d'iPhone, ça y est Bijin Tokei - qui se traduit littéralement en Français par " Jolie Horloge " - est arrivé et GRATUITEMENT s'il vous plaît ! Après la version Tokyo, Hokkaido, night club, racing, Gal, "pour les mademoiselles'", . voi...
Cliquez pour lire la suite de l'article par neodante TECHDAYS PARIS 2010 : CONNECTEZ VOS DONNéES à SHAREPOINT 2010 AVEC LES BUSINESS CONNECTIVITY SERVICESTECHDAYS PARIS 2010 : CONNECTEZ VOS DONNéES à SHAREPOINT 2010 AVEC LES BUSINESS CONNECTIVITY SERVICES par ROMELARD Fabrice
Animé par: Gaetan Bouveret et Julien Chomarat Business Connectivity Services (BCS) est dans SharePoint 2010 la version 2 de Business Data Catalog (BDC dans SharePoint 2007). Il s'agit de la solution permettant de visualiser des données provenan...
Cliquez pour lire la suite de l'article par ROMELARD Fabrice
Logiciels
DB-MAIN (9.1.0)DB-MAIN (9.1.0)DB-MAIN is a data-modeling and data-architecture tool. It is designed to help developers and anal... Cliquez pour télécharger DB-MAIN Xilisoft DPG Convertisseur (5.1.37.0120)XILISOFT DPG CONVERTISSEUR (5.1.37.0120)Xilisoft DPG Convertisseur offre aux fans de Nintendo DS une bonne solution leur permettant de dé... Cliquez pour télécharger Xilisoft DPG Convertisseur GraphicsGale (2.01.01)GRAPHICSGALE (2.01.01)GraphicsGale est un logiciel de PixelArt avec de nombreuse fonctionnalités permettant de réalisé ... Cliquez pour télécharger GraphicsGale Architecte 3D (Platinum 2010)ARCHITECTE 3D (PLATINUM 2010)Architecte 3D Platinium vous permet de concevoir facilement les plans votre future maison, de l'é... Cliquez pour télécharger Architecte 3D TeamViewer 5 (TeamViewer 5)TEAMVIEWER 5 (TEAMVIEWER 5)Dépanner un ami,expliquer une manipulation devient un jeu d'enfant.
Prise en main d'un autre ord... Cliquez pour télécharger TeamViewer 5
|