The Omni Group Forums - Misrendering page

The Omni Group Forums (http://forums.omnigroup.com/index.php)

- OmniWeb General (http://forums.omnigroup.com/forumdisplay.php?f=8)

- - Misrendering page (http://forums.omnigroup.com/showthread.php?t=11987)

Misrendering page

Can people have a look at
[url]http://www.whatsonxiamen.com/what_msg.php?titleid=774[/url]
and see why it and other pages on the site are rendering incorrectly. The ad for the Millenium Harbourview Hotel and the Food and Beverage e-Newsletter, should be at the bottom of the page, not overlaying the information at the top of the main panel.

This renders similarly wrong in Safari, but correctly in Opera. It seems also that it renders fine under Internet Explorer. I don't have Firefox or any other browsers to try it in, but this little bit of evidence seems to suggest it's a Webkit problem.

If anyone can advise me what in the code is causing it to render wrong, I'd be very grateful, so that my friends, whose site it is, can sort it out, unless of course there's nothing wrong with their code and this is a Webkit bug.

Thanks
Mark

Looking at it, there is no div around the table that has been used to put the ad on the page. If you add the following tags around the code for the table, then it locates to the bottom of the page as desired (n.b. the same tags are used for the ad at the same location on the home page for the site so I assume they should have been used here too):
[code]<div ="bottom_ad"> </div>[/code]

That is, instead of:

[code]</div>
<table border="0" cellspacing="0" cellpadding="0" width="950px" style="margin-top:25px; margin-bottom:20px;">
<tr align="center">
<td>
<a href="http://millenniumxiamen.com/en/news_detail.asp?infoId=113" target="_blank"><img src="adv_images/45976F&B-E-newsletter-04,-2009-.gif" height="116" border="1" /></a>
</td>
</tr>
</table>
<div id="footer">[/code]

use:

[code]</div>
[B][I]<div id="bottom_ad">[/I][/B]
<table border="0" cellspacing="0" cellpadding="0" width="950px" style="margin-top:25px; margin-bottom:20px;">
<tr align="center">
<td>
<a href="http://millenniumxiamen.com/en/news_detail.asp?infoId=113" target="_blank"><img src="adv_images/45976F&B-E-newsletter-04,-2009-.gif" height="116" border="1" /></a>
</td>
</tr>
</table>
[B][I]</div>[/I][/B]
<div id="footer">[/code]

Btw, I don't know enough about coding pages (very little in fact) to tell you whether or not WebKit is getting this wrong [I]per se[/I] but I'm not convinced that the code is well written. This particular page's code starts with a lengthy javascript rather than the !DOCTYPE declaration and <html> tag (which only occurs a long way into the code), and from the little I do know that isn't good practice.

Btw 2: It also takes forever to load this page in Firefox 3 on my Mac, possibly because of the incorrect placement of the !DOCTYPE declaration. However, the ad is loaded at the bottom of the text so it isn't performing the same way as WebKit browsers.

Btw 3: The home page for the site doesn't have a !DOCTYPE declaration at all and nor does it have an opening <html> tag.

Thanks Jonathan, I'll pass this on to my friends. I suspect, given that it's China, that either they're using a Microsoft app to create this, or a Chinese programmed one that knows little about standards. Because there's no problem when they look at it on IE, therefore there can't be any problem!

Mark