Sent by Stone, Timothy on 14 August 2002 13:01
List Fellows,
Comments on using:
table.fullWidth {
width:100%;
}
Should I fall back and use the table attribute "width" or is there a more
CSS inspired way? What about Tantek hack?
The above class works fine in MSIE6 and mozilla/Netscape (1.0/6.2 resp.) but
breaks in MSIE 5.5/Win...
To illustrate (handcrafted ASCII* art follows; page modeled on bluerobot's
three column layout)
<------ viewport/monitor width ------------>
+------------------------------------------+
| menu blah blah blah blah menu |
| menu blah blah blah blah menu |
| menu blah blah blah blah menu |
| menu blah blah blah blah menu |
| |
| <---table 100% ---> |
| +-----------------+ |
| + msie 6.0 + |
| + moz/nscp + |
| +-----------------+ |
+------------------------------------------+
.
.
.
<------ viewport/monitor width ------------>
+---------------------------------------------------------+
| menu blah blah blah blah .... . |
| menu blah blah blah blah .... . |
| menu blah blah blah blah .... . |
| menu blah blah blah blah .... . |
| .... . |
| <------ table 100% of viewport .-----------> |
| + . + |
| + this is the behavior . + |
| + msie 5.5/Win. it looks . + |
| + as if 100% is calc'd . + |
| + on the width of the . + |
| + viewport/window . + |
| +------------------------------.-----------+ |
+------------------------------------------.--------------+
. ^--window edge
. resulting in
. horizontal
. scroll! arg!
.
^-- menu hidden by
table due to built
in behavior of
bluerobot's layout
*ASCII art best viewed w/ monospaced font at fixed
width of text <70 chars wide ;)