a actuellement un problème avec certaines divs chevauchant leurs divs contenant des divs. Voir l'image ci-dessous (les 3 produits en bas):
Toute la teneur corporelle de la page est maintenue dans le #Content div: et voici le CSS pour les cases de produit dans #Content div: < Pré> xxx et voici le HTML pour les cases: aucune idée de ce qui pourrait causer ces DIVS à chevaucher? Ce que j'aimerais, c'est que toutes les cases s'adaptent à la #Container DIV comme prévu. Ça me rend fou! acclamations
3 Réponses :
Ajouter Overflow: Auto; dans votre contenu div css :)
Cela n'ajouterais pas une barre de défilement au contenu div? Utiliser Overflow: caché est probablement une meilleure idée.
Avez-vous essayé de régler sur le pied de page aussi, réglez sur #Content
Merci Steweb - Ajout de ce qui suit a résolu: Ajout de débordement: caché; DIV # Produits et définition Div.ProduContainer à la hauteur: Auto; À votre santé!
Après avoir essayé de fixer une mise en page avec une hauteur de 100% (comme l'EX ci-dessus) et une liste débordante de dynamisme de manière dynamique, c'était la seule solution qui a fonctionné à partir de dizaines que j'ai essayé. Merci bon monsieur! Je comprends pourquoi Clear: les deux fonctionne, mais j'aimerais savoir pourquoi Overflow: caché fonctionne pour le contenu DIV tout en cachant le texte débordant de l'enfant DIV. CSS si complexe: /
Quelque chose que beaucoup de gens utilisent s'appelle Clearfix. Voici le code:
.clearfix:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */