Misrendering page

xiamenese · xiamenese

Can people have a look at
http://www.whatsonxiamen.com/what_msg.php?titleid=774
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

JKT · JKT

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>

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

use:

Code:

</div>
<div id="bottom_ad">
<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>
<div id="footer">

Btw, I don't know enough about coding pages (very little in fact) to tell you whether or not WebKit is getting this wrong per se 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.

xiamenese · xiamenese

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

Thread Tools	Search this Thread
Show Printable Version Email this Page	Search this Thread: Advanced Search
Display Modes
Linear Mode Switch to Hybrid Mode Switch to Threaded Mode

Similar Threads
Thread	Thread Starter	Forum	Replies	Last Post
Problems Printing with OmniFocus (Duplicate Actions from Page to Page)	Revearti	OmniFocus 1 for Mac	7	2014-03-16 08:31 PM
Opening a page from Personal Bookmarks doesn't move focus to the page	Ward	OmniWeb Bug Reports	0	2010-11-28 10:31 PM
How do I change the font in every page of a multi-page doc? (Applescript?)	Andrew N	OmniGraffle General	4	2008-08-20 06:16 PM
Launching OmniWeb brings up recent page, not designated Home Page	jwthomas	OmniWeb General	14	2008-05-29 09:55 PM
Launching OmniWeb brings up recent page, not designated Home Page	jwthomas	OmniWeb Bug Reports	0	2008-05-26 11:36 AM