Antivirus offre spéciale - jusqu'à 60 % de réduction avec openElement !
Accueil Forum Accueil Forum >

openElement

> Discussion générale openElement
  Nouveaux messages Nouveaux messages Fil RSS  - Problème pour figer un objet
  FAQ FAQ  Rechercher dans le Forum   Inscription Inscription  Connexion Connexion

Problème pour figer un objet

 Répondre Répondre
Auteur
Message
klorane allez vers le bas
Newbie
Newbie


Depuis le: 12 Oct 2017
Status: Inactif
Points: 6
Options des messages Options des messages   Thanks (0) Thanks(0)   Citer klorane Citer  RépondreRéponse Lien Direct à ce Post Sujet: Problème pour figer un objet
    Envoyé : 12 Oct 2017 à 16:49
Bonjour forum, 
je suis en train de tester OE, que je trouve jusqu'ici pas trop mal.
je fais des tests avec des choses que j'utilise régulierement sur un site dont la fonction figer un objet.

J'ai mis en place sur ma page un element texte simple ligne.
Je le positionne à gauche et en hauteur.
Je fais une visualisation. Resultat : impeccable 

Je décide de le "figer"

J'indique dans la partie code libre pour le CSS : position:fixed;

L'élément est bien fixé mais la position à gauche n'est plus respectée.
J ai testé avec important aussi et ça ne me change rien.

Quelqu 'un saurait il pourquoi?

Merci
Klorane






Haut de la page
brolysan allez vers le bas
Admin Group
Admin Group
Avatar

Depuis le: 14 Août 2009
Pays: France
Status: Inactif
Points: 8005
Options des messages Options des messages   Thanks (1) Thanks(1)   Citer brolysan Citer  RépondreRéponse Lien Direct à ce Post Envoyé : 12 Oct 2017 à 17:18
Bonjour,
Un élément positionné en fixed est positionné par rapport à la fenêtre du navigateur, ce qui signifie qu'il reste à la même place même si la page défile. De la même manière qu'avec un élément positionné en relative, vous devez utiliser les propriétés top, right, bottom et left.
Haut de la page
klorane allez vers le bas
Newbie
Newbie


Depuis le: 12 Oct 2017
Status: Inactif
Points: 6
Options des messages Options des messages   Thanks (0) Thanks(0)   Citer klorane Citer  RépondreRéponse Lien Direct à ce Post Envoyé : 12 Oct 2017 à 17:25
Je n'ai pas supprimé les propriétés de la position. 

La position "top" reste bonne.

D'ailleurs : dès que je retire position:fixed; l'élément se repositionne correctement là ou je l'ai positionné initialement.

Se qui est bizarre c'est que dans la fenetre centrale de création les positions sont parfaites c'est quand je passe en mode visualisation. 






Edité par klorane - 12 Oct 2017 à 17:32
Haut de la page
Dmit OE allez vers le bas
Admin Group
Admin Group
Avatar

Depuis le: 31 Mai 2012
Status: Inactif
Points: 13520
Options des messages Options des messages   Thanks (0) Thanks(0)   Citer Dmit OE Citer  RépondreRéponse Lien Direct à ce Post Envoyé : 12 Oct 2017 à 17:43
Je conseille, plutot que mettre directement dans CSS Libre, mettre un Classe Perso "fixed" puis dans un Bloc de Code Source type CSS mettre 

.fixed {position: fixed !important; }

Deja pour verifier si ca marche (parfois non), au pire ajouter l'ID de l'element:

#WExxxx.fixed { position: fixed !important; }
Haut de la page
Dmit OE allez vers le bas
Admin Group
Admin Group
Avatar

Depuis le: 31 Mai 2012
Status: Inactif
Points: 13520
Options des messages Options des messages   Thanks (0) Thanks(0)   Citer Dmit OE Citer  RépondreRéponse Lien Direct à ce Post Envoyé : 12 Oct 2017 à 17:44
P.S. Les valeurs Left (Gauche) et Top (Haut) seront appliques par rapport a l'ecran, donc si c'etait par rapport a un autre conteneur (corps qui ne fait pas 100% largeur de la page par exemple) le resultat ne sera pas le meme.
Haut de la page
klorane allez vers le bas
Newbie
Newbie


Depuis le: 12 Oct 2017
Status: Inactif
Points: 6
Options des messages Options des messages   Thanks (0) Thanks(0)   Citer klorane Citer  RépondreRéponse Lien Direct à ce Post Envoyé : 12 Oct 2017 à 18:10
ca fonctionne.

j'ai du ajouter left.

#WE3639f16437.fixed {
position: fixed !important;
left:400px;
}

c'est de la gymnastique Smile
je te remercie de ton aide.

Bonne soirée

Haut de la page
 Répondre Répondre
  Partagez ce sujet   

Aller au Forum Permissions du forum allez vers le bas

Forum Software by Web Wiz Forums® version 10.18
Copyright ©2001-2014 Web Wiz Ltd.

Cette page a été affichée en 0,031 secondes.
Réserver en ligne un taxi, vtc, navette