CSS Question

Kelraz Bladesinger · 11-13-2007

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

)

***Sanchek*** · 11-13-2007

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.

Kelraz Bladesinger · 11-13-2007

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.

***Sanchek*** · 11-13-2007

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.

Kelraz Bladesinger · 11-13-2007

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

***Sanchek*** · 11-13-2007

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

Kelraz Bladesinger · 11-13-2007

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

***Sanchek*** · 11-13-2007

Oh really?

Kelraz Bladesinger · 11-13-2007

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

Kanyli · 11-13-2007

Quote:

Originally Posted by Kelraz Bladesinger

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.

11-13-2007	#1
Kelraz Bladesinger Decaying Deity of Misconceptions Joined: Oct 2001 Posts: 4,263 vCash: 25	CSS Question 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 )

11-13-2007	#3
Kelraz Bladesinger Decaying Deity of Misconceptions Joined: Oct 2001 Posts: 4,263 vCash: 25	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. Last edited by Kelraz Bladesinger; 11-13-2007 at 02:52 PM..

Thread Tools
Show Printable Version Email this Page
Display Modes
Linear Mode Switch to Hybrid Mode Switch to Threaded Mode

11-13-2007	#2
*Sanchek* Administrator Joined: Jan 2001 Location: Atlanta Party: Independent Posts: 7,685 vCash: 900	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.

Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)