Sent by Kiera Wooley on 9 July 2003 16:04
Hello all,
Recently I downloaded snipsnap, which uses display:table for full height
columns. The display was rather buggy. But, I reasoned (perhaps
incorrectly) that using display:table was not as horrific as using
actual tables to produce a desired visual result. I admit I have no idea
what, if anything, using display:table (and display:table-cell) does to
alternative browsers. Any information on this would be appreciated.
I have been working on a new layout for my site that uses this method.
(Alternatives that do not will be available via styleswitching). I am
curious, however, which browsers die a horrible death when using
display:table.
Some notes on windows platform browsers:
1) Mozilla 1.4 will crash horribly if you use display:table and do not
use display:table-cell for subdivs. This only happens when you refresh
the site.. the initial visit displays properly.
2) Opera 7 seems to display this without trouble, but will add extra
spacing inside of the "table cells." To fix, I must surround all major
elements with divs.
3) MSIE 6 cannot deal with this at all. To get a reasonable result
(rather than having content stacked on top of itself) I had to use
floats inside of the display:table container. Mozilla and Opera ignore
these, it seems, to my benefit.
I am very interested in what happens in browsers that I do not have
access to, like Safari or Mac IE 5.5, or non-text based Linux browsers.
Please note that this is not a complete, working prototype. Links don't
work, nothing goes anywhere. To complicate matters, this is all
generated via a Movable Type template.
The main layout is here: http://www.attrition.org/~demonika/enmeshedv3/
The stylesheet (which is fairly neat, but not perfect yet) is here:
http://www.attrition.org/~demonika/enmeshedv3/styles-site.css
#freshest refers to the leftmost content block.
#fresh refers to the next column
#notsofresh refers to static crap I am yanking in via MT modules
There are some validation issues that I am still working on.
Thank you for your time.
Regards,
Kiera
______________________________________________________________________
css-discuss [EMAIL-REMOVED]]
http://www.css-discuss.org/mailman/listinfo/css-d
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
