Problème pour figer un objet

Imprimé depuis: Forum openElement
Categorie:

openElement

Nom du Forum: Discussion générale openElement
Description du Forum: Discussion générale sur le logiciel
URL: https://forums.openelement.uk/fr/forum_posts.asp?TID=23034
Date: 19 Avr 2024 à 08:40
Version logiciel: Web Wiz Forums 12.04 - http://www.webwizforums.com

Sujet: Problème pour figer un objet

Posté par: klorane
Sujet: Problème pour figer un objet
Posté le: 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

Réponses:

Posté par: brolysan
Posté le: 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.

-------------
https://sensode.com" rel="nofollow - Sensode
https://www.creads.fr/blog/graphiste-freelance2/parole-de-brolysan-45-ans-graphiste" rel="nofollow - Biographie

Posté par: klorane
Posté le: 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.

Posté par: Dmit OE
Posté le: 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; }

Posté par: Dmit OE
Posté le: 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.

Posté par: klorane
Posté le: 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