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

Hi Kynn and list,

On Tuesday, June 18, 2002 at 21:41 you wrote:

>>http://www.schoening-online.de/test/3fluidplustop06.html

> Looks okay so far, haven't really done a detailed test with all my
> Mac browsers, though.

Meanwhile, I've received quite a few very helpful postings
by Mac users with display results for a variety of browsers,
and one by a Linux user for Konqueror...

Many thanks again, to all of you! :)

> My own Web site has been redesigned as well to eliminate tables and
> use CSS as well; the results can be seen at http://kynn.com/ (not
> all the pages on the site are converted over, though).

I viewed the page in IE 6, NS 6.2, Moz 1, Opera 6.0 (and NN
4.75 just to get the 'unplugged' version, too ;-) ). It
looks fine in all 4 browsers, with one exception: in NS 6.2,
the list bullets of section 'Recent Happenings' are pushed
to the left (both list levels), and the right "edges" of the
black discs are aligned exactly with the right "border line"
of the white left 2-pixel border of the section (for all 4
resolutions) - the circles of the second level items,
though, are always aligned exactly beneath the 'r' and/or
'c' of 'March picture dumps'...

The interesting thing, for me, is that I get the same
pushing effect for my test page - but this time it's the
other way round: my list items display too much to the
*right* in NS 6.2 ! I really wonder what's happening there -
maybe it's the combination of styled <.a> with styled
<.ul/li> tags which NS 6.2 doesn't like?!

> Note that I put the main content first and then position the navbars
> after the fact -- this is deliberate, for linear usability.  In
> other words, so that screenreader users don't have to wade through
> the same set of navigation links, and so the site doesn't require
> a "skip links."

This sounds very good to me, and I'll try something like that for the
next version of my test page! :)

> Since Netscape 4 is a nightmare, I don't bother to provide anything
> special for it -- users of Netscape 4 get a default page which is
> usable but unattractive.

This is exactly the way I handle that, too... BTW, my
'hidden' paragraph on top of the page shows them the
friendly WaSP hint 'Please consider upgrading your browser'.
;-)

> If I have time, I'll probably go back and 
> migrate some "safe" rules from the imported stylesheet back to the
> Netscape 4 sheet, so that there's at least some thematic consistency
> if not layout consistency.  In other words, the colors and fonts
> really should be the same even if it's too much work to make the
> layout work in a broken browser.

Yes, maybe that's a way not to handle them too harsh... 

> Anyway, Netscape 4 users get about the same effect as Lynx users,
> and the site is specifically designed to be Lynx-accessible.

Exactly - that's my goal :-)


Gerhard

PS: when will your CSS book be available?

-------------------------------------
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