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