Sujet Précédent Sujet Suivant

Position : sticky pose des problèmes

Résolu/Fermé
Lecodeurhtmlcss Messages postés 76 Date d'inscription lundi 20 avril 2020 Statut Membre Dernière intervention 24 août 2022 - 15 mai 2020 à 15:44
prosthetiks Messages postés 1189 Date d'inscription dimanche 7 octobre 2007 Statut Membre Dernière intervention 12 juin 2020 - 21 mai 2020 à 14:58
Bonjour, je programme un site en html/css et je rencontre un problème avec l’attribut "sticky".

Pour l’instant, mon code css comprend la position "fixed" : 
ul {
	
	display:table;
	border: 1px solid #555;
    margin: 10px;
    padding: 10px;
    width: 97%;
	height: 10%;
    background-color: #f1f1f1;
	top: 0; left: 0;
	position: fixed;
	border-radius: 3px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .3),
                0 3px 5px rgba(0, 0, 0, .2),
                0 5px 10px rgba(0, 0, 0, .2),
                0 20px 20px rgba(0, 0, 0, .15);
}


Mais dès que je met en mode "sticky", ma barre devient tout riquiqui ! (voir photo)


Je pense que je devrais mettre une hauteur en pixel dans "height", mais ça ne change rien !
（；´д｀）ゞ

J’espère que vous saurez répondre ! Merci beaucoup d'avance !
A voir également:

7 réponses

Réponse 1 / 7
prosthetiks Messages postés 1189 Date d'inscription dimanche 7 octobre 2007 Statut Membre Dernière intervention 12 juin 2020 431
15 mai 2020 à 21:49
Hello,

est-ce que tu as une version de ta page en ligne afin que l'on puisse regarder ton code dans son ensemble ?

Difficile de t'aider uniquement avec ce bout de CSS
1

Discussions similaires

Problème d'activation de position sur P30 et Family Link
olivier.joye@hispeed.ch -
nanou78 -

4 réponses
erreur python
boby -
Utilisateur anonyme -

11 réponses
Problème installation minecraft
Maelito212 -
jag72 -

19 réponses
Comment connaitre la position d'une variable dans une liste en python
DavZ_3105 -
mamiemando -

1 réponse
Cadenas bloqué ouvert en position basse
RobSp -
jordane45 -

1 réponse
Le contenu de cette page n’est pas disponible depuis votre position géographique
jag72 -
jag72 -

5 réponses