clearing a div so it goes in the flow of the webpage

hi all.

I have an image slider that is not clearing on firefox but is on google chrome. The content below it is covering it so it looks like its not loading in.

I've tried using a clearfix but its not clearing it.

please take a look at http://www.northeastmakeupacademy.co.uk/ and tell me how i can clear the image slider so it goes in the flow of the webpage.

thank you.
LVL 1
helpchrisplzAsked:
Who is Participating?
I wear a lot of hats...

"The solutions and answers provided on Experts Exchange have been extremely helpful to me over the last few years. I wear a lot of hats - Developer, Database Administrator, Help Desk, etc., so I know a lot of things but not a lot about one thing. Experts Exchange gives me answers from people who do know a lot about one thing, in a easy to use platform." -Todd S.

Chris StanyonWebDevCommented:
You have a problem with your jQuery, so the slider doesn't show up at all in firefox. Nothing shows up in IE! and it looks OK in Chrome. Fix your javascript first and the rest may sort itself out - if not post back and I'll take a look.
0

Experts Exchange Solution brought to you by

Your issues matter to us.

Facing a tech roadblock? Get the help and guidance you need from experienced professionals who care. Ask your question anytime, anywhere, with no hassle.

Start your 7-day free trial
helpchrisplzAuthor Commented:
hi it works in FF its just hidden behind the 3 cols below.

There a blank div around the image slider. if i edit the html in firebug and add a random style="" to the blank div then it will show up.

am at a-loss after this point.

i have used the image slider on many sites so i dont see how i could have just messed up its javascript as i dont mess with those files just the view layer to echo each image out into it.
0
helpchrisplzAuthor Commented:
i know the console shows missing hand.cur but i have never had a problem with this error before on other sites.

am not sure what the other erros mean:

Uncaught SyntaxError: Unexpected token } www.northeastmakeupacademy.co.uk/:247

Resource interpreted as Document but transferred with MIME type image/gif: "chrome-extension://hlngmmdolgbdnnimbmblfhhndibdipaf/images/loader.gif". jquery.min.js:17

Resource interpreted as Document but transferred with MIME type image/gif: "chrome-extension://hlngmmdolgbdnnimbmblfhhndibdipaf/images/loader.gif?wmode=transparent".

GET http://www.northeastmakeupacademy.co.uk/skins/hand.cur 404 (Not Found) jquery.js?v=65600c45d56f60edcd1b6b52cae7a776:4
0
Chris StanyonWebDevCommented:
Hmmm. I can get it to work, but only if I resize my browser after your page has loaded. And then it all looks fine.

When I first load your site, the slider exists in the DOM but has a lot of the inner elements set to height of 0 so I can't see it at all. It's not sat behind anything - it just doesn't have a height. I'm guessing that something in the responsive design will set the dimensions dynamically, but for some reason it's not firing when the page first loads.

I still think this is a Javascript issue and not a float clearing issue.
0
helpchrisplzAuthor Commented:
i had a script that was breaking it :P
0
It's more than this solution.Get answers and train to solve all your tech problems - anytime, anywhere.Try it for free Edge Out The Competitionfor your dream job with proven skills and certifications.Get started today Stand Outas the employee with proven skills.Start learning today for free Move Your Career Forwardwith certification training in the latest technologies.Start your trial today
CSS

From novice to tech pro — start learning today.