treehouse : what would you like to learn today?
Web Design Web Development iOS Development

Same Old Clearing Float Problem and Frustration

  • 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
  • "The left sidebar is of "equal height" to the main content"

    You said it yourself ^^
  • Hi Jonz,
    "Jonz" said:
    "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