Partage

Largeur div après scroll

Sujet résolu
12 février 2018 à 9:20:29

Bonjour,

J'ai un petit soucis avec une div. J'ai mis en place ceci : https://www.w3schools.com/howto/howto_js_sticky_header.asp pour que ma div s'affiche tout en haut de la page après avoir scrollé.

Le truc, c'est que ma page html ne fait pas 100% mais 53%. Du coup pour que le menu s'affiche correctement, j'avais mis 52.9% (53 ne fonctionnait pas.

html {width: 53%; height: auto; min-width: 1000px; margin: 0 auto;}

.sticky {position: fixed; top: 0; width: 52.9%; z-index:2;}

Voilà globalement l'architecture du code. C'est ma div "menu" qui devient "fixed" après le scroll.

<html>
<head>
	<meta charset="utf-8" />
	<link rel="stylesheet" href="CSS/Common.css" />
</head>
	
<body>

	<header class="mainhead">
	(...)
	</header>

	<div id="menu">
	</div>

	<div id="content">
	</div>
</body>
</html>


Ca fonctionne très bien, si ma page est en plein écran. Dès que je diminue la page, la page html reste bien, mais la div "menu" se met sur 52.9% de la largeur de la page. J'ai essayé en ajoutant le même min-width, ça ne change strictement rien. Des idées ? 

J'aimerais rester en "%" pour que cela s'adapte à l'écran de l'utilisateur.

Un tout grand merci


EDIT : Pardon je viens de trouver.. Ce n'était pas un problème de CSS mais un problème de cache dans Chrome. Apparemment je dois le forcer à reloader les fichiers css

-
Edité par JulieJossieaux 12 février 2018 à 11:21:55

Vous êtes demandeur d'emploi ?
Sans diplôme post-bac ?

Devenez Développeur web junior

Je postule
Formation
certifiante
Financée
à 100%

Largeur div après scroll

× Après avoir cliqué sur "Répondre" vous serez invité à vous connecter pour que votre message soit publié.
× Attention, ce sujet est très ancien. Le déterrer n'est pas forcément approprié. Nous te conseillons de créer un nouveau sujet pour poser ta question.
  • Editeur
  • Markdown