Grow your CSS skills. Land your dream job.

Same Old Clearing Float Problem and Frustration

  • # November 24, 2008 at 10:34 pm

    Hello,

    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
    http://www.modular-infotech.com/ytry/tricks/noclear.html

    And if we clear the floats we get following
    http://www.modular-infotech.com/ytry/tricks/

    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.
    Thanks

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

You must be logged in to reply to this topic.

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