2 replies [Last post]
PhaSeD
Offline
newbie
Last seen: 13 years 49 weeks ago
Joined: 2005-12-03
Posts: 2
Points: 0

Howdy,
I'm quite an experienced web designer but I have just decided to make the XHTML, CSS transition. I have found XHTML to be easy peasy and I have used CSS with HTML for a few years but the positioning side of things I’m a little crappy with.

For my XHTML, CSS debut, I am re-designing my fixed and fluid mixed HTML website visual-bliss.com .

The insanity inducing problem I have is the need for the nav bar, content and 2nd nav bar (latest projects) to be a centred and a fixed width (just like visual-bliss.com) but the closest I get with the nav bar, content and 2nd nav being always centred is making the three columns stack - new.visual-bliss.com.

I have tried inlign'ing the 3 columns but then I lose the fixed width of the 3 columns (150px for nav, 470px for content, 150px for 2nd nav).

To put it simply, I will sloppy kiss the person who can give me tips on how to make the three, centred, and fixed width columns exactly like visual-bliss.com using CSS positioning.

Many thanks.

Tyssen
Tyssen's picture
Offline
Moderator
Brisbane
Last seen: 5 years 4 weeks ago
Brisbane
Timezone: GMT+10
Joined: 2004-05-01
Posts: 8201
Points: 1386

1 CSS Positioning Guru Required

Just done quickly within Firefox but giving #container a fixed width and setting #nav, #content & #column3 all to float: left seems to work OK. It probabably won't be that simple for IE but if you follow the same principle, and read up on source ordered columns and the one true layout, you should get there.

How to get help
Post a link. If you can't post a link, jsFiddle it.
My blog | My older articles | CSS Reference

PhaSeD
Offline
newbie
Last seen: 13 years 49 weeks ago
Joined: 2005-12-03
Posts: 2
Points: 0

1 CSS Positioning Guru Required

You a gem Smile

Much appreciated