[jbm1991]

Hi everyone,
Basically on my webpages (which are currently not online) i have a navigation bar (a vertical list) and then the page content. I have used the "float" property to float my navigation bar to the left of the page, and my page content is taking up the rest of the page to the right and below. However, the page content is currently wrapping around the navigation menu, i.e. the page content text starts next to the navigation menu as i want it to, and works down the page, but as soon as the navigation menu stops the page content text aligns itself to the left of the screen thus creating an almost backwards "L" shape of text. How can i stop this and instead make the text remain in line all the way down the page and leave blank space under the navigation menu?
I apologise for my poor description however it is a rather difficult problem to describe and thus far my many google searches have been unproductive

Thanks in advance for any and all help
John

P.S. i have tried using the "white-space: nowrap" but it doesn't appear to do anything.

[colinsp]

John, there are several ways to do this. A couple that come readily to mind

1: add a min height value to the navigation div that is the same height as your content div
2: Create a new div with a min height and style it how you like and position that below your navigation div if you want the space below the navigation styled the same as the content
3: Create a new div inside your content div that is floated right that is the fixed width of the content area.

I am sure there are others but that is what comes to mind for now.

[jbm1991]

Thanks for the quick reply. min height worked perfectly
Thanks again,
John