5031 - Main menu of DiasporAsia site

Status: VERIFIED DUPLICATE of bug 5821

(Core :: Layout: Tables, defect, P3)

Description

[webmaster]

This is the main menu of the DiasporAsia site. It extensively
uses tables in order to render the elements correctly.

I have worked real hard in order to make this site render
correctly under the majority of today's browsers (NS3&4,
IE3&4&5, Lynx). However, Build1999041211 of Mozilla doesn't
seem to be able to render it correctly. It will screw all the
vertical sizes. Same thing with the "rounded table" at the
end of the page (This one however seems to have some kind of
problems with NS4 Macintosh too).

I also tried to render it with Raptor and it does the same
thing.

I've put the severity to minor since it's only cosmetic.

I understand that HTML 4 specifications stipulates that there
are no valid reasons to use tables for it's layout rendering
possibilities but to be able to have potent backward
compatibility, I downgraded my DOCTYPE to HTML3.2 specs and
decided to use tables anyways.

My page is quite complex (tables inside tables inside tables)
but I tried to hard-code all the values on each and every
TABLE, TR, TD and IMG tag in order to simplify the job for
all the browsers.

Now I don't know if it's my mistake or not, maybe I forgot
some kind of tag but it passed the IE5 test which have the
reputation of being totally unforgiving on HTML tag&elements.

---

Michel Donais
CompactSoft
[e-mail] http://www.csoft.qc.ca

ICQ #22992247

Comment 1

[karnaze (gone)]

Moving to M7.

Comment 2

[karnaze (gone)]

Moving to M9.

Comment 3

[John Morrison]

This is (once again) bug #5821 -- Nav4 vs. CSS2 line-height; this will be
fixed when that bug is resolved. (If I set 'img {vertical-align: text-bottom;}'
then the tables are fine). Note to [e-mail]: it's not your HTML;
it's a (well) known problem, but the fix is on hold for now. See bug #5821 for
details.

Comment 4

[Hixie (not reading bugmail)]

[TESTCASE]
Confirmed, the problem is a dup of bug 5821. Putting
   <STYLE type="text/css">
      IMG { vertical-align: bottom; }
   </STYLE>
...at the top makes the page look stunning.


*** This bug has been marked as a duplicate of 5821 ***

Comment 5

[Jay Patel [:jay]]

Verified Dup