Column switches postition and can't work out why


Note the testimonials column on the right changes to move to the far left ever so often on refresh and this happens due to the testimonial section loading random text.

I canno figure out why the column moves though, I know it must be something to do with heights on the columns somewhere but I cant figure out where, any help please?

CSS is here

Who is Participating?
remorinaConnect With a Mentor Commented:
The is happening due to the .main div containing your columns having overflow:auto property.
When the text is too long it renders the scroll bar which in return shrinks the div's width so it doesn't fit the three columns.

Instead change it to overflow:hidden, it should still work well and clears it content, you may also add bottom padding to give some bottom clearance for the instance when it has longer content that renders too close from the footer.

Update your .main class as below
.main {
    background-color: #FFFFFF;
    overflow: hidden;
    padding-bottom: 15px;
    width: 994px;

Open in new window

SideasAuthor Commented:
Quick an accurate, thanks :)
All Courses

From novice to tech pro — start learning today.