[CLUE-Tech] Using CSS to get an HTML table effect.

[Michael J. Hammel]

On Tue, 2003-10-28 at 16:52, Jed S. Baer wrote:
> The CSS example used 2 divs, each with a "position: fixed;", and a little
> drawing showing page arrangement which looked just like what I wanted
> (except for the background color thing). Well, using their code, the
> background color of the left div still fills only to the height of the
> content.
> 
> Suggestions appreciated.

I removed all tables from my wife's web site (www.bluebugstudio.com) and
replaced them with CSS.  There are still some cross browser issues but
most can be handled with CSS - there is no Javascript in there to check
for browsers.

I learned to do this using Eric Meyer's text "Eric Meyer on CSS".  It
has a set of projects, each with its own chapter, that shows how to do
some very clever stuff with CSS.  The first chapter shows how to get rid
of tables.  He discusses some tricks you can play with CSS to deal with
poorly behaved browsers (like IE).

To see what you can do with CSS online, check out these two sites:
http://www.meyerweb.com/eric/css/edge/  - ne of Eric Meyer's site,
though not the companion site for the text
http://www.csszengarden.com/  - the best site I've ever seen for showing
what is possible with todays browsers and really good CSS code.  This
one is a trip.  They take the exact same content and display it a
thousand different ways, all by modifying *ONLY* the css stylesheets. 
Very cool stuff.
-- 
Michael J. Hammel                               The Graphics Muse 
mjhammel at graphics-muse.org                      http://www.graphics-muse.com
------------------------------------------------------------------------------
Share your knowledge. It's a way to achieve immortality.
  --  Credited to the Dalai Lama.