Member Offer
  1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.

Problem with a float DIV

Discussion in 'Website Design Forum:' started by marklogan, Aug 4, 2010.

  1. marklogan

    marklogan Member

    Hi guys and girls

    I've designed a website for a friends business and I've ran into a bit of trouble coding it.

    I have a container div. Within that, I have:

    1. a header that runs the width of the container
    2. a right navbar that runs down the page from top to bottom
    3. a main content div for the body
    4. a footer that runs the width of the container.

    The navbar has a semi transparent background and I want it to sit along the right hand side of the container above the header layer so you can see through to the headers background. I have created a float div and floated it right then made the height 100% so it stretches down the page. My problem is that it to stop at the footer but instead because it is floated, it floats over the footer. I have tried floating the footer but then I run into more problems.

    Is it possible to set it up using a float or should I just use normal block divs with specific widths?

    Cheers for any help
  2. Renniks

    Renniks Senior Member

    Example URL / Code would be more useful... Maybe a diagram of what you want aswell...

    Currently (could be through my lack of sleep) unable to picture quite what you mean (or I can picture it and its not as difficult as I'm thinking it may be
  3. marklogan

    marklogan Member

    Sorry I should have attached an example earlier. As you can see from the layout, I want the navbar to float right over the header to the bottom but stop at the footer if possible

    Attached Files:

    • OSS.jpg
      File size:
      88.5 KB
  4. Mark Alexander

    Mark Alexander Senior Member

    Set clear: both; on the footer?

Share This Page