Avatar of axessJosh
 asked on

Website Bug in Wrapper repeating

I have a bug in my site and can't seem to find it with any of my tools.  It appears the wrapper is not repeating down the page as I'd like.

Here's a link:


Any help is appreciated.

Avatar of undefined
Last Comment
Kiran Paul VJ

8/22/2022 - Mon
Dan Craciun

If you remove min-height and use height:100%;, you'll see the browser calculates the wrapper's div height at 775px, while the content div has 2871px.

Don't know why, though.


The parent element, wrapper, is collapsing because the child elements are floated.

You can fix by adding a clearfix class to the wrapper div.  Then add this to your css file.

.clearfix:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    line-height: 0;
    visibility: hidden;

Open in new window

Kiran Paul VJ

Log in or sign up to see answer
Become an EE member today7-DAY FREE TRIAL
Members can start a 7-Day Free trial then enjoy unlimited access to the platform
Sign up - Free for 7 days
Learn why we charge membership fees
We get it - no one likes a content blocker. Take one extra minute and find out why we block content.
Not exactly the question you had in mind?
Sign up for an EE membership and get your own personalized solution. With an EE membership, you can ask unlimited troubleshooting, research, or opinion questions.
ask a question

I have tried the clearing options.

It worked to bring in the actual min-height rule when I had a specified height, but ended at the full amount.

I realize the floated elements are causing this, but can't figure out how to get it to extend completely.
I started with Experts Exchange in 2004 and it's been a mainstay of my professional computing life since. It helped me launch a career as a programmer / Oracle data analyst
William Peck
Kiran Paul VJ

@axessJosh did you try my solution? I should extend completely