Previous Message
Next Message

[css-d] ? on table widths and CSS1/2

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 ;)
Previous Message
Next Message

Message thread: