Grow your CSS skills. Land your dream job.

Left Float Difficulty…

  • # July 2, 2009 at 7:34 pm

    Hello Chris! Loved your podcast on floats from November 2008.

    I can make columns float right and left; but, I have a problem making a left sidebar when the left sidebar info in the HTML code sits below the main content.

    Suppose we wanted to create a left sidebar to sit beside the main content. If the sidebar info is above the main content info in the HTML code, it floats okay; but, if the left sidebar info is below the main content info in the HTML code, the left sidebar always sits below the main content. As far as "document flow" is concerned, I suppose the sidebar info ought to stay after the main content info in the code.

    Are there any good tricks to make this happen?

    # July 3, 2009 at 2:34 am

    If it’s just a sidebar and main content, just float the main content to the right.

    # July 3, 2009 at 6:40 pm

    Okay, I posted a sample page.

    http://ifaulkner.com/testcolumns/

    I just wonder how to keep the proper order in the HTML markup and also achieve floated columns left and right for the main content area.

    Thank you!

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