Anyone know how I can fix this overlap at the bottom:
MILF Avenue Revisited | Date Unknown
I need to pick up a CSS book. :hollering:
MILF Avenue Revisited | Date Unknown
I need to pick up a CSS book. :hollering:
Overlapping Divs
- Thread starter BrandontheGreat
- Start date
style.css, line 133
change from
to
To clarify - first remove the height, which serves no purpose right now, then add overflow:hidden as the .metabar element contains floats that are not cleared. Setting the containing element to overflow:hidden clears floats that are contained. Uncleared floats make containing elements collapse (not spanning over all their content), which resulted in the overlap in this case. Hope this helps.
change from
Code:
.metabar { height: 50px; background-color: #fff; color: #3E3737; font-size: 11px; font-weight: normal; margin-left: 2px; }to
Code:
.metabar { overflow:hidden; background-color: #fff; color: #3E3737; font-size: 11px; font-weight: normal; margin-left: 2px; }To clarify - first remove the height, which serves no purpose right now, then add overflow:hidden as the .metabar element contains floats that are not cleared. Setting the containing element to overflow:hidden clears floats that are contained. Uncleared floats make containing elements collapse (not spanning over all their content), which resulted in the overlap in this case. Hope this helps.
