begin process at 2012 02 11 04:31:52
  Trouver un code source :
 
dans
 
[ Dernières recherches ]
Accueil > Forum > 

Javascript / DHTML / Ajax

 > 

CSS

 > 

Général

 > 

css position:fixed; sans scroll horizontal

Derniers messages déposésPoser une question dans le forum ou lancer une discussion

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

Membre Club


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

Membre Club
>>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

Membre Club
>>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

Membre Club
>>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 !)

1 2

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


Nos sponsors


Sondage...

Comparez les prix


Acer Liquid (noir) (XP.H480Q.013)
Entre 300€ et 346€

Visiter le guide achat

CalendriCode

Février 2012
LMMJVSD
  12345
6789101112
13141516171819
20212223242526
272829    

Consulter la suite du CalendriCode

Photothèque

Photo Underwater View of the Ocean With LIght Shining Through the WavePhoto Renewable Energy is Within Reach
Photo Saintes Maries de la Mer vue du ciel (13) 

Visiter la photothèque
 
Développement réalisé par Nicolas SOREL (Nix) avec l'aide de : Cyril DURAND et Emmanuel (EBArtSoft), Merci à Vincent pour ses précieux conseils.
CodeS-SourceS.com© Toute reproduction même partielle est interdite sauf accord écrit du Webmaster
CodeS-SourceS.com© est une marque déposée tous droits réservés

Google Coop CodeS-SourceS Google Coop CodeS-SourceS
Temps d'éxécution de la page : 1,170 sec (4)

Nous contacter | Annoncer sur CodeS-SourceS | Mentions légales
Outils Convertisseur VB/C# Snippets et scripts Outils en ligne La ToolBox
Communauté Programmation Photographie Technologie Newsgroups Emploi Forum Blogs
Guide d'achat Téléphonie mobile Image et son Informatique Bureautique Jeux vidéo
Logiciels Internet & Réseau Développement Market Android Jeux & Loisirs Graphisme Multimédia Sécurité Pilotes
Loisirs Cartes virtuelles Vidéos droles Jeux en ligne Géoguide AndroLib (Android Market)