StOo wrote:
> i am going through the (nasty but spiritually rewarding) process of making
> my sites standards compliant.. i can now get some pages on my site to
> validate successfully as valid HTML 4.01 Strict and valid CSS..
>
> the site looks great in IE5.5 and Oprah.. however, Netscrape 6 and Mozilla
> 0.9 both seem to screw it up somewhere.. don't even mention Netscape 4.x coz
> i really don't care..
>
> the problem is Netscape seems to be adding tons of padding (or something) to
> tables, seemingly from absolutely nowhere.. check the following page for
> example:
>
> http://www.sineadandjohn.com/main.asp
>
> the page renders "correctly" or, more accurately "as i would like and expect
> it to" in IE 5.5 and Oprah.. however, NS 6 takes all my tables and adds
> *loads* of padding, which makes it look very bloated and strange..
>
> i find myself wondering what the "world's most standard's compliant browser"
> is doing? is there a problem with my apparently valid HTML or CSS (apart
> from the fact that it's messy ;) that causes this weirdness? does Netscape
> just render badly and i have to live with it? what can i do to fix it
> without breaking standards?
>
> also, more specifically.. on that page i linked to above there's a box for
> logging into a web-based e-mail service.. in IE it's centred but in NS and
> Oprah it's left-aligned.. i'm assuming this is my mistake so can anyone tell
> me why this is the case and what i can do to fix it without breaking
> standards?
>
> thanks for your time :)
>
> stoo..
>
>
>
BTW, this isn't a Netscape 6 newsgroup, although kinda close
since Netscape 6 is based on Mozilla, and this is a Mozilla
newsgroup. However, this place isn't for web
developers/designers either, unless you uncover a layout
bug, which doesn't seem to be the case here.
First of all, you're using a strict HTML doctype but you
have tables nested like crazy. You can't use tables for
layout with the strict doctype, you can only use CSS for
that. If you want to continue using tables for layout, use
the transitional/loose doctype if you want to continue using
tables for layout. Tables are suppose to be used to present
data in a tabular format, and this is enforced with the
strict doctype, so you're already breaking standards
Switching to the transitional/loose doctype seems to cause
your page to render as you like in Mozilla.
If you want the webmail login table centered, use a DIV tag
and assign the CSS to center it from there. The DIV tag will
treat the table as an inline element instead of a block
element, since text-align only affects inline stuff (this is
something that IE5 interprets incorrectly).
This has nothing to do what you asked for but I can't help
but notice these things:
You have a hell of a lot of tables nested into each other,
which is putting a lot of bloat and complexity to your page
that I think could be trimmed down.
You use "background-color: transparent" all over the place.
I know that the W3C's CSS validator mentions this as a
"warning," but it isn't necessary since by default they are
transparent. "Warnings" are not violations in CSS compliance.
You also have a lot of styles that are repeated all over
your HTML that could be assigned as classes, this would trim
down a lot on your file.
ROFL, did you realize that you spelled "Oprah" when you
meant "Opera"? Or did the talkshow queen decided to break
into the browser business recently? ;)
--
Alex <:3)~~
http://www.gerbilbox.com/newzilla/
