2016-05-09 1 views
0

J'ai une bannière mise en place en haut de mon site, elle a une position absolue, de sorte que je peux définir une hauteur de 100% pour que l'image d'arrière-plan occupe tout l'écran l'utilisateur voit.Positionnement absolu CSS - Suite Div

Je vais ensuite mettre dans une autre section pour être sous la bannière, mais au lieu de la nouvelle div ci-dessous la bannière, il montre au-dessus en haut de la page. J'espère que j'ai compris:/

Aidez-moi !!!

+0

vous aurez besoin de vous poster du code. –

+0

Si vous postez votre code, nous pouvons vous aider. Donnez juste un exemple –

+0

s'il vous plaît partager votre code ici – Mostafiz

Répondre

0

Essayez d'utiliser vh pour la hauteur et ne pas utiliser le positionnement absolu. Fondamentalement:

#banner { 
    height:100vh; 
    width:100%; 
} 
+0

Legend! Merci beaucoup! : D – Spuddle

+0

No Problem! vh (hauteur de la fenêtre d'affichage) est un outil très utile, et il est intrinsèquement réactif puisqu'il prend en compte la hauteur du périphérique de l'utilisateur. –

+0

@Spuddle au moins dans le violon JS du commentaire cela ne change rien (?) – Johannes

0

Les éléments positionnés de manière absolue ne prennent pas d'espace dans le flux du document. Essayez la position relative à la place. La position absolue est plutôt destinée à des situations particulières.

Ici vous avez un exemple où j'ai fourchu votre violon JS. Avoir regarder le code, en particulier height: calc(100% - 100px); pour la hauteur de « bannière »

https://jsfiddle.net/hLqmeoww/

+0

Relatif ne me laissera pas régler la hauteur de la div à 100%. Voici le JSFiddle pour un exemple de mon code: https://jsfiddle.net/6dhryuxa/ – Spuddle

+0

voir ma réponse éditée – Johannes