Liquid layout with DIVs
I'm currently redesigning a site that I previously made a while a go from tables (nested tables) to layers.
The layout works like this:
Heading
Navigation
Content
Sub Navigation
Footer
Sorry, I've done it in HTML but I found no other way to display it.
The heading div does what it's suppose to,
but the other divs just float and go everywhere,
the files are currently on my computer but if needed I can upload to it to my webserver if it helps
ANY help on this BIG problem would be of great help,
I have tried looking in alistapart.com but found nothing there,
I need help!
Jack Michaelson posted this at 09:22 — 30th December 2002.
He has: 1,733 posts
Joined: Dec 1999
Could you please upload the files? If you are lucky I might check them this year
Renegade posted this at 09:27 — 30th December 2002.
He has: 3,022 posts
Joined: Oct 2002
http://chengeu.krayup.com/e-one/index.php
http://chengeu.krayup.com/e-one/css.css
The borders are to show the divs
I guess I should say which colours are which,
Yellow = Heading;
Green = Main Navigation;
White = Body Content;
Light Blue = Sub Navigation;
Black = Footer;
Jack Michaelson posted this at 13:14 — 30th December 2002.
He has: 1,733 posts
Joined: Dec 1999
Sorry if I don't really get the problem:
First: what's the problem with that layout? Why don't you use a to get the layout that you want. Are you forced to use 's?
Second: after reading your and clicking the links... I don't see any yellow, green etc. This is what I see on IE5.
me no comprendre
cheers,
Shakespeare: onclick || !(onclick)
Suzanne posted this at 18:04 — 30th December 2002.
She has: 5,507 posts
Joined: Feb 2000
I can look later, but *please* don't refer to DIVs as layers. I get all confused and think you're actually trying to use layers.
dk01 posted this at 18:34 — 30th December 2002.
He has: 516 posts
Joined: Mar 2002
On alistapart they explain how to do this kind of layout perfectly:
http://www.alistapart.com/stories/flexiblelayouts/
Unfortunatly you have mixed up div's, tables, span's, and paragraphs all together. You need to either use all tables or all div's. Mixing the two will cause major complications. Its good you are trying to switch over but I would check out alistapart again. Here are some other good links for css layouts:
http://www.webmasterbase.com/article/379
http://glish.com/css/7.asp
http://glish.com/css/
Good luck. I know how frustrating it is at first. I have spent the last week on css designs.
-dk
Renegade posted this at 22:09 — 30th December 2002.
He has: 3,022 posts
Joined: Oct 2002
Ok Thanx
Everything is should look perfect now, (well it does on my screen anyways) does anything seem 'out of place'? Abhishek helped me get everything right 
Suzanne, what's the difference between layers and divs?
Suzanne posted this at 23:51 — 30th December 2002.
She has: 5,507 posts
Joined: Feb 2000
layers are a proprietary Netscape concept, div is the standard usage. DIV + CSS v. LAYERS + JSS
Renegade posted this at 00:57 — 31st December 2002.
He has: 3,022 posts
Joined: Oct 2002
Oh ok, So will DIVs work in NS? Or do you have to use LAYERs?
Suzanne posted this at 05:06 — 31st December 2002.
She has: 5,507 posts
Joined: Feb 2000
DIVs work in NS. For NS4 you have to be a little careful, but there is no good reason to make things identical for NS4.x.
Renegade posted this at 07:40 — 31st December 2002.
He has: 3,022 posts
Joined: Oct 2002
Oh I See
Well the site looks all fine and dandy now
Thank You for everyone's help 
Want to join the discussion? Create an account or log in if you already have one. Joining is fast, free and painless! We’ll even whisk you back here when you’ve finished.