Grow your CSS skills. Land your dream job.

What the what AnythingSlider?!

  • # November 16, 2012 at 10:32 am

    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,

    # November 16, 2012 at 10:36 am

    Looks like you haven’t cleared the floats.

    Try adding:

    clear:both

    to your ‘main’ class.

    # November 16, 2012 at 10:43 am

    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.

    # November 16, 2012 at 10:45 am

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

    # November 16, 2012 at 11:21 am

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

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

Viewing 5 posts - 1 through 5 (of 5 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".