Helping to spruce up the website for a company I work for and just starting out now with the layout. I found a lot of their pages were having the footer show all the way at the bottom so you had to scroll down so I broke it up and put the footer so it always showed and the scroll bar only scrolled the body. However my problem now is that if you resize the page or open the page in a window smaller than 800 pixels wide (I know this will rarely, if ever happen ... ) the nav bar starts to double up on itself instead of a horizontal scroll bar appearing. Any ideas how to fix that?

http://eyetoeyevideo.com/new/


(Yes, I know the font for my buttons isn't right, I'm gonna fix that soon enough :))

Mixing table layout with CSS layout will only end in tears.

A good way to get started with CSS layout is to check out http://www.freecsstemplates.org/ or http://csszengarden.com, find something with the structural layout you desire, and modify it to suit your needs.

My problem is, I don't know CSS well at all. I stopped studying web design stuff probably 8 years ago. I still can't figure out a good way to get that top part to display "logo.gif" on the left, the nav bar on the right, and "top.gif" in the background. I'd gladly break away from the tables if I could figure out how to do that :)

http://www.cssplay.co.uk/layouts/bodyfix.html has a good layout but its width specified.

Those sites I linked will have lots of examples of doing that.

You'll just want to use a div for the top area, containing an image for the logo floated left and the nav stuff in an ul floated right.

Solved it, with tables, don't hate me - but thanks for the help :)

Just keep in mind that you're screwing them in the SERPs, using non-semantic markup like that.

I don't know what a SERP is, so it doesn't matter all that much to me :)

Oh really (http://en.wikipedia.org/wiki/Search_engine_results_page)?

Oh, well that doesn't matter that much to me, they just wanted something pretty :)

Solved it, with tables, don't hate me - but thanks for the help :)I'm not an expert, but I do spend more time than I should reading web development forums. Tables aren't as dead as many would like them to be, and one a website passes a certain complexity in layout they're still a stronger choice for design. CSS is neat (yes, neat), but the browser hacks required are a nightmare.

Just, ya know, don't knock tables yet.

Tables will never be dead. They're not supposed to be. They're valid markup for tabular data. They just shouldn't be used for layout.

Once you get used to CSS layout, it's a lot easier to work with and has huge SEO and maintainability benefits.