Once again: CSS, no tables, and the new WaSP

by Gerhard Schoening <g.sch(at)onlinehome.de>

 Date:  Mon, 17 Jun 2002 22:51:53 +0200
 To:  hwg-style(at)hwg.org
  todo: View Thread, Original
Hi fellow list members,

Inspired by the relaunched WaSP (The Web Standards Project)
http://www.webstandards.org/ I have been playing around with
designing without tables:

http://www.schoening-online.de/test/3fluidplustop06.html
Please note: links are NOT working!

The stylesheet for the page is located at
http://www.schoening-online.de/test/3fluidplustop06.css .

This one was developed starting with one of the pages from
Glish.com (glish.com: CSS layout techniques: 3 columns, all
fluid) at http://glish.com/css/2.asp .

On my machine, the page pretty much looks the same to me
(with one exception, see questions below) in the following
visual browsers, all on Win 98 SE, at resolutions 640x480,
800x600, 1024x768 (set with 'javascript:resizeTo(X,Y)', and
1280x1024, all viewed on my 21" monitor:

IE 5.0, IE 5.5, IE 6.0
Mozilla 1.0, Netscape 6.2
Opera 6.0

The page degrades gracefully in Lynx 2.8.1, as well as in IE
4.0 and NN 4.75 (yes, that's intended) to plain old text
with sequential sections, and it sounds OK to me in WeMedia
Talking Browser 1.5... so it will probably look the same in
any older visual browsers.


Questions I'd like to ask you:

What's the look of the page in any browsers on Mac (IE,
iCab, ...) and Unix (Konqueror, ...)? Are there any glitches
or bugs?

If somebody happens to own any non-PC Internet device (PDA,
Organizer, ...): can you view the page at all?!

I don't care about exact to-the-pixel design... but there's
one issue that really annoys me: Netscape 6 / Mozilla prefer
to indent the links on the left Main Menu much too much
(they're unordered list items with 'list-style: none').
Therefore, on 640x480 resolution the text of the Main
Content section partially overlaps the second level 'TopicX'
links. Any explanations / hints / workarounds, somebody?!


I will be happy with any helpful answers - thank you very
much for your time :-)


Regards,
Gerhard

-------------------------------------
Gerhard Schoening, IT Freelancer:

Community & Portal Websites in PHP & MySQL
http://www.cp-web.com

Bilingual Web Design and Programming
http://www.schoening-online.com

HWG hwg-style mailing list archives, maintained by Webmasters @ IWA