Previous Message
Next Message

float based layout problems

Sent by Zoe Gillenwater on 29 September 2003 21:09


Sorry, I didn't know it would deny everyone access!  These should work:

HTML: http://www.walkableamerica.org/testarea/test_float.htm
CSS: http://www.walkableamerica.org/testarea/test_float.css

(Original message is below)

Thanks,
Zoe

>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!
>

______________________________________________________________________
css-discuss [EMAIL-REMOVED]]
http://www.css-discuss.org/mailman/listinfo/css-d
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Previous Message
Next Message

Possibly related: