Sent by Zoe Gillenwater on 29 September 2003 18:06
I am trying to use CSS exclusively in my site layout for the first time,
and have of course run into a number of problems. I have created a
simplified version of my home page that I am trying to use to see where
the problems are coming from, and I'd appreciate it if anyone would
check out my HTML and CSS to offer any suggestions. I'm using floats
for positioning, because I would like to have the flexibility of
allowing the footer to clear both the sidebar and main content area,
since either one may be longer than the other dependent on the content.
But, if there is a completely better way to set this up, I am open to
scrapping it all and re-writing.
HTML: http://buffy.hsrc.unc.edu/testarea/pwa/test_float.htm
CSS: http://buffy.hsrc.unc.edu/testarea/pwa/test_float.css
Here is what I am seeing with my limited testing (all on Windows):
IE6: Fine except for 3 px space between "main text" and "secondary text"
boxes, but this is not a big deal.
NN7.1: Fine except footer does not display top margin of 20 px.
NN6.1: Fine except footer does not display top margin of 20 px.
NN 4.8: Horrible. Boxes overlap and collapse all over the place. I
don't expect it to be perfect in v4x browsers, but it does need to be
readable, and overlapping is not acceptable for this.
If anyone can offer any suggestions for fixing these problems I'd
appreciate it. Do I have any hope of using floats and getting this to
work in NN4x? I'm sure there are other problems in other browsers as
well (I haven't put in the box model hack for IE5 yet I know) so dump
those on me as well if you feel so inclined!
Thanks in advance!
Zoe
______________________________________________________________________
css-discuss [EMAIL-REMOVED]]
http://www.css-discuss.org/mailman/listinfo/css-d
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/