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

Same Old Clearing Float Problem and Frustration

  • # November 24, 2008 at 10:34 pm


    I am trying to use Perfect Fluid Layout for one of my website.
    Some how I am not able to clear BANNER block I am creating satisfactorily.
    I have tried with FF overflow: hidden and IE height: 1%, which takes me near to desired result but I am not satisfied with the out come. I mean overflow: hidden works perfectly but IE does not understand it and IE’s height: .1% leaves about 4 to 5 pixel white space at the bottom of containing block.

    For your reference please check following urls

    Green Block without clearing

    And if we clear the floats we get following

    And I am not getting why is it taking height of left column?

    I request help on this as I am very frustrated due to this problem.

    Thanks a lot, in advance

    # November 24, 2008 at 11:07 pm

    "The left sidebar is of "equal height" to the main content"

    You said it yourself ^^

    # November 25, 2008 at 12:29 pm

    Hi Jonz,

    "Jonz" wrote:
    "The left sidebar is of "equal height" to the main content"

    You said it yourself ^^

    I couldn’t get it, could you please elaborate this one.

Viewing 3 posts - 1 through 3 (of 3 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