W3C home > Mailing lists > Public > www-html@w3.org > January 2002

(no subject)

From: Vadim Plessky <lucy-ples@mtu-net.ru>
Date: Sat, 19 Jan 2002 15:50:00 +0000
Message-Id: <200201191245.g0JCjiH31410@post.cnt.ru>
To: "Robert Koberg" <rob@koberg.com>, "Christian Wolfgang Hujer" <Christian.Hujer@itcqis.com>, <www-html@w3.org>
On Saturday 12 January 2002 13:01, Robert Koberg wrote:
|   ----- Original Message -----
|   From: "Christian Wolfgang Hujer" <Christian.Hujer@itcqis.com>
|   > But tables are quite useful, especially for tables, though even I often
|   > abuse them for layout purposes due to the lack of other possibilities.
|   > (I know that I could do everything I do with tables with CSS instead,
|   > but 
|   > also know that most browsers cannot display it)
|   this is not true :)
|   there are serious problems using CSS only to layout a page.
|   - you have to do kludgy workarounds to get a 3 column layout[1]
|   --- you need to use absolute positioning

This is not true that you need to use absolute positioning for 3-column layout
Please consider example below:

<style type="text/css">

#left_column {
float: left;
border:1px solid #cccccc;

#center_column {
margin-left: 204px;
border:1px solid lime;
voice-family: "\"}\"";
voice-family: inherit;
margin-left: 206px;

#right_column {
float: right;
border:1px solid #cccccc;

<div id="left_column">
Left column text
<!--  moved text for the right column before center block -->
<div id="right_column">
Right column text
<div id="center_column">
Center column text

|   --- why do you want 3 (or more) columns? becuase you want to get
| information 'above the fold' (like a newspaper)
|   - you cannot do a decent layout with more than 3 columns (that is, where
| the two outer columns are fixed and the inner columns vary on browser

you can have any number of blocks (columns) on left side, using {float: 
left}, and any number of blocks (columns) using {float:right}
If you want more flexibility: use display: inline-block from CSS3, it's 
supported by MS IE6/Windows and MacIE5.
(you may want to convinience Mozilla hackers to support it too in Mozilla 1.0 

| width). - if you do a 2 or 3 column layout you need to use font-sizes set
| to px so the user cannot resize text, otherwise it will eventually overlap
| the other columns if sized-up.
|   The only way to create a page that is 'usable' by a wide audience is to
| use tables! Tables allow larger text to wrap without overlapping and allow
| however many columns you want. Sure it is lay out, but how would you do

Tables decrease usability / accessibility of web sites, and should not be 
used for layouting!
Tables are designed for *data represented in Table format*, that's it!

| these types of layout with CSS and keep them usable?
|   best,
|   -Rob
|   [1] kludgy css for 3 column layout
[ cutted example ]


Vadim Plessky
http://kde2.newmail.ru  (English)
33 Window Decorations and 6 Widget Styles for KDE
KDE mini-Themes

Received on Saturday, 19 January 2002 07:46:32 UTC

This archive was generated by hypermail 2.3.1 : Wednesday, 7 January 2015 15:05:58 UTC