The Lodge is members-only design/dev videos and Office Hours.

Next Office Hours Session: "Implementing an SVG Icon System" Nov 30 - 6:00 PM Eastern

what’s nudging my floating DIVs down?

  • # September 12, 2008 at 1:46 pm

    Hi –

    After watching Chris’ videos I’ve decided to convert one of my sites to WordPress and apply a new CSS-based design. I have most of the home page layout worked out except the footer.

    I’m using the sticky footer, which seems to work fine, but the floating div blocks I have withing the footer are off a bit. The first two (Personal Insurance and Business Insurance) are lined up right, but the next two are nudged down about 35px — and they are all using the same class.

    Here’s the link:
    [removed] @cybershot. Thanks! I’ll check this out and turn the link back on if I don’t figure it out.

    My eyes are crossed. What am I missing? :shock:

    # September 12, 2008 at 2:20 pm

    This reply has been reported for inappropriate content.

    I wouldn’t be suprised if it is a width problem. Try adding a different background color to the div’s so that you can have a visual of the blocks. Usually when this happens to me it is because the blocks don’t have enough room. Like the two on the left are to wide so they aren’t giving the ones on the right enough room. So check the math with the width and margins and make sure the footer is wide enough to handle all of it.

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

You must be logged in to reply to this topic.

There's a whole bunch of content on CSS-Tricks.

Search for Stuff   •   Browse the Archives

Get the Newsletter ... or get the RSS feed