Div qui se superpose
substanciel
Messages postés
7
Date d'inscription
Statut
Membre
Dernière intervention
-
Pitet Messages postés 2826 Date d'inscription Statut Membre Dernière intervention -
Pitet Messages postés 2826 Date d'inscription Statut Membre Dernière intervention -
bonjour
J'ai une div qui est faite pour pourvoir se redimensionner en fonction de la taille du navigateur pour le responsive, cela fonctionne bien.
En revanche le texte qui est situé après cette div passe en dessous ce celle ci ...
Comment faire pour que le texte s'affiche après sans que la div passe par dessus (il faut savoir que je n'ai pas la main sur le text (pas moyen d'entourer ce texte d'une div)
je vous invite à regarder mon code sur codepen : http://codepen.io/anon/pen/jVzgqe
Merci beaucoup pour votre aide !
Olivier du site http://www.unforfait.com
J'ai une div qui est faite pour pourvoir se redimensionner en fonction de la taille du navigateur pour le responsive, cela fonctionne bien.
En revanche le texte qui est situé après cette div passe en dessous ce celle ci ...
Comment faire pour que le texte s'affiche après sans que la div passe par dessus (il faut savoir que je n'ai pas la main sur le text (pas moyen d'entourer ce texte d'une div)
je vous invite à regarder mon code sur codepen : http://codepen.io/anon/pen/jVzgqe
Merci beaucoup pour votre aide !
Olivier du site http://www.unforfait.com
A voir également:
- Superposer deux div
- Deux ecran pc - Guide
- Comment faire deux colonnes sur word - Guide
- Comment superposer deux images sur word - Forum Word
- Nombre de jours entre deux dates excel - Guide
- Supprimer une conversation messenger pour les deux personnes ✓ - Forum Facebook
3 réponses
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,
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 ...
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
