This is driving me a bit nuts so any help appreciated. I'm trying to
build my first site using CSS - taking the big leap from table based
design.
Anyway, I'm wanting a page with a header, footer, a navigation menu,
and a two column fluid layout for the contents and I found a design
philosophy which seems to allow this to work really nicely, except I
can't get it to work properly in IE.
I've chosen to do it the way I have as I wanted to have the source of
the page to contain the information with the most important stuff at
the top and the least important stuff at the bottom as this is
apparently good practice. For this reason (ignoring the header and
footer) I have the main content appearing first in the page source,
the stuff in a side pane on the left appearing second in the source
and the navigation menu last .
To achieve this, I've found that using negative margins works really
well - enabling me to have a two column design with a footer that
appears properly however long either of the two columns are.
I've postioned the menu absolutly as this seems to be the only way to
get it to appear where I want on the rendered page with it appearing
after the other gubbins in the page source.
The problem is that in IE, if I try and combine the menu and stuff in
the two columns, the menu vanishes.
Some test pages illustrating this are at:
http://www.rupespad.com/test1.php
This shows the two column layout working fine
http://www.rupespad.com/test2.php
This shows the menu (with nothing in the left hand column)
http://www.rupespad.com/test3.php
This is the same as test2, except this time I've added in the left
hand column contents and the menu vanishes in IE (6 on PC). Works
fine in Firefox and Safari.
The css is at:
http://www.rupespad.com/test.css
Any suggestions what I can do about this without sacrificing my
design principles. I would like to avoid the use of hacks if
possible. Any help very very gratefully recieved.
Cheers and many thanks in advance.
Rupert
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
