What the what AnythingSlider?!

[matt_sanford]

I have no idea what is going on here, but when i resize my browser window, my whole page goes haywire. when it gets to a certain point, the container div (bottom element) somehow start to overlap and hide everything that is on top of it. I can’t really explain it that well, however my suspicions are that the problem lies with AnythingSlider. Here is a [link to the site](http://foursquaresummiteast.org/development/ “wack-o resize”) , maybe you guys will be able to tell me what is going on.
Cheers,

[Paulie_D]

Looks like you haven’t cleared the floats.

Try adding:

clear:both

to your ‘main’ class.

[Paulie_D]

Ok…another thing or two:

Your ‘page title’ is in a span instead of an h1…? That’s just bad for SEO.

If you want the same effect just remove the span and put it in an h1 with the same class of ‘sign**_a_**ture’. You might have to tweak but from a ranking POV it would be so much better.

Also, you might want to think about centering the title/h1 and navbar once the viewport size warrants it.

[matt_sanford]

@Paulie_D Thanks! Why does it behave that way when it isn’t cleared?

[Paulie_D]

Wow…that’s a subject that could take a while…

https://css-tricks.com/the-how-and-why-of-clearing-floats/

[Author]

Posts