[Résolu] Largeur div après scroll par JulieJossieaux - page 1

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

Largeur div après scroll

Largeur div après scroll

Supprimer

Modérer

Signaler le message aux modérateurs