28112 sujets

CSS et mise en forme, CSS3

Bonjour à tous,
Je viens sur ce forum afin de tenter d'avoir un réponse claire et précise à propos de mon interrogation,
Pour être très clair je suis débutant dans le html et le css et je suis actuellement en train de faire mon premier site internet sur lequel je suis particulièrement dévoué.
Ce site à pour thème un bar que l'on retrouve sur GTA RP mais là n'est pas le problème,

En effet, comme le titre le suggère, je n'arrive pas à faire en sorte que, lorsque la taille de l'écran de l'utilisateur change ou bien que je dézoome simplement ma page, mes <div>
ne remontent pas vers le haut pour empiéter sur mon entête de page,
Je ne sais pas si j'ai été suffisament clair mais le fait est que mon message ici est mon dernier recourt car même en consultant d'autres vidéos ou forums sur le sujet je ne pense pas trouver ce qui convient à mon site.

Tout de même je viens avec de l'espoir car j'ai réussi à faire en sorte que mon entête de page garde son image background rempli mais ici je ne parvient pas à faire en sorte que mon <div> nommé "contenu" n'empiète pas sur l'entête de page,

Je vous ai mis à disposition grâce aux liens google drive ci-dessous ma page html ainsi que le css correspondant afin que vous pouviez m'aider en ayant le code sous les yeux (à noter que dans la page html il faut changer le chemin relatif qui permet d'accéder au css )

Je vous invite à tester par vous mêmes en dézoomant la page afin de vous rendre compte du problème

J'attends donc une réponse avec impatience et vous avez d'autres conseils ils sont les bienvenus

Liens du code HTML et CSS :
https://drive.google.com/file/d/1Ba53Tjl00E-054Vb-jQl2gFbbLZv15fz/view?usp=sharing
https://drive.google.com/file/d/1nNDU8vUM6vfJb7o9ORxB2vhQMz2mVdrN/view?usp=sharing
Modifié par AD7 (21 Jul 2023 - 19:17)
Modérateur
Salut,

Je ne comprend pas bien ce que tu nous explique.

https://jsfiddle.net/0bt3dae5/
Peut importe la largeur ou le zoom je ne vois aucune div qui déborde sur l'entête.
L'entête fait toujours la même taille et la div contenu se comporte normalement.

Je suspecte (à l'aveugle) que ce soit ton image d'entête (vu qu'on ne l'a pas c'est compliqué) que tu as mal ajustée et qui sorte de son cadre. Est-ce qu'un background-size:contain; au lieu du background-size:cover; règlerait le soucis ?

Sinon je manque d'élément. Pourrais-tu nous faire un screenshot avec éventuellement des annotations pour nous montrer le soucis s'il te plait ?

Bonne soirée
Bonjour effectivement j'ai oublié l'image Smiley ohwell
Mais dans tout les cas je cherche plutôt à ferme r ce sujet car j'ai trouvé quelqu'un qui pourrait m'aider,

En effet, ma div ne change pas de taille mais quand je change de résolution d'écran mon image background ( que je vous ai pas donné) se zoom trop ou pas assez alors que dans le CSS elle est en cover.

Mais bon j'ai trouvé qlqn avec qui résoudre ceci et je pense avoir même trouvé une solution et donc il me faut ferme ce sujet