Div qui se superpose
Fermé
substanciel
Messages postés
7
Date d'inscription
mardi 6 décembre 2016
Statut
Membre
Dernière intervention
16 août 2017
-
6 déc. 2016 à 15:56
Pitet Messages postés 2826 Date d'inscription lundi 11 février 2013 Statut Membre Dernière intervention 21 juillet 2022 - 6 déc. 2016 à 17:36
Pitet Messages postés 2826 Date d'inscription lundi 11 février 2013 Statut Membre Dernière intervention 21 juillet 2022 - 6 déc. 2016 à 17:36
A voir également:
- Superposer deux div
- Deux ecran pc - Guide
- Deux comptes whatsapp - Guide
- Itinéraire google map entre deux adresses - Guide
- Faire deux colonnes sur word - Guide
- Concatener deux cellules excel - Guide
3 réponses
Pitet
Messages postés
2826
Date d'inscription
lundi 11 février 2013
Statut
Membre
Dernière intervention
21 juillet 2022
525
6 déc. 2016 à 16:14
6 déc. 2016 à 16:14
Salut,
Le problème de superposition vient du fait que la bannière est positionné en absolute, elle sort donc du flux et le texte en dessous ne prend pas en compte la taille de la bannière.
L'idéale serait si possible de ne pas positionner cette bannière en absolute.
Une solution alternative est d'appliquer un margin-top sur le texte de la hauteur de la bannière.
Bonne journée,
Le problème de superposition vient du fait que la bannière est positionné en absolute, elle sort donc du flux et le texte en dessous ne prend pas en compte la taille de la bannière.
L'idéale serait si possible de ne pas positionner cette bannière en absolute.
Une solution alternative est d'appliquer un margin-top sur le texte de la hauteur de la bannière.
Bonne journée,
substanciel
Messages postés
7
Date d'inscription
mardi 6 décembre 2016
Statut
Membre
Dernière intervention
16 août 2017
6 déc. 2016 à 16:21
6 déc. 2016 à 16:21
Exact, le problème est que si je met cette div en relative, les éléments quelle contient sorte de la boite en cas de redimensionnement du navigateur en responsive ...
Pitet
Messages postés
2826
Date d'inscription
lundi 11 février 2013
Statut
Membre
Dernière intervention
21 juillet 2022
525
6 déc. 2016 à 17:10
6 déc. 2016 à 17:10
Oui les éléments sortent de la boite si tu définis cette dernière en relative ou static (valeur par défaut) car ces éléments sont tous positionnés via float. Un peu comme pour le positionnement absolu, la hauteur du conteneur (la boite) ne prend pas en compte les éléments positionnés en float par défaut.
Tu peux facilement corriger ceci via plusieurs méthodes, la plus simple étant d'appliquer un overflow: hidden; sur le conteneur.
Plus de détails : https://www.alsacreations.com/astuce/lire/7-depassement-flottants-css.html
Tu peux facilement corriger ceci via plusieurs méthodes, la plus simple étant d'appliquer un overflow: hidden; sur le conteneur.
Plus de détails : https://www.alsacreations.com/astuce/lire/7-depassement-flottants-css.html
substanciel
Messages postés
7
Date d'inscription
mardi 6 décembre 2016
Statut
Membre
Dernière intervention
16 août 2017
6 déc. 2016 à 17:19
6 déc. 2016 à 17:19
Merci beaucoup ca marche Nikel !
substanciel
Messages postés
7
Date d'inscription
mardi 6 décembre 2016
Statut
Membre
Dernière intervention
16 août 2017
6 déc. 2016 à 17:31
6 déc. 2016 à 17:31
Pitet, j'abuse de ta gentillesse mais en mettant le overflow en hidden, il y a ma fleche après la div qui saute ... Regarde : http://codepen.io/anon/pen/jVzgqe
Merci !
Merci !
Pitet
Messages postés
2826
Date d'inscription
lundi 11 février 2013
Statut
Membre
Dernière intervention
21 juillet 2022
525
6 déc. 2016 à 17:36
6 déc. 2016 à 17:36
Effectivement, la propriété overflow: hidden; va cacher tout ce qui sort du bloc.
Essaye dans ce cas d'utiliser une des deux autres techniques décrites dans le lien alsacreations.
Essaye dans ce cas d'utiliser une des deux autres techniques décrites dans le lien alsacreations.