Status: Unconfirmed Owner: ---- Labels: Type-Bug Pri-2 OS-All Area-Misc New issue 27498 by Hanrui.Gao: Incorrect <a> tag causes layout confusion. http://code.google.com/p/chromium/issues/detail?id=27498
Chrome Version : 4.0.237.0 URLs (if applicable) : http://fedex.com/cn/contact/ Other browsers tested: Safari 4: Fail Firefox 3.x: Fail IE 6/7/8: OK (In IE8, the page runs in IE7 standards mode by page default) What steps will reproduce the problem? 1. Load http://fedex.com/cn/contact/ What is the expected result? "客户服务" should on the right side of the purple arrow icon and there should be one entry of "写信给FedEx" below that. What happens instead? "写信给FedEx" and "客户服务" is below the purple arrow icon. Console Output: <a> misnested or not properly closed. Cloning <a> in order to preserve the styles applied by it. Please provide any additional information below. Attach a screenshot if possible. The problem is HTML tags write error. This page has a tag: <a name="top" /> This is wrong way to write, element "<a>" is not an empty tag, can not be written like this. The correct way is: <a name="top"></a> Just as the console output says, browser cloned the unclosed tag in order to preserve the styles applied by it. But different browsers have their different ways to make that. In non-IE, they clone the <a> tag into many <a> tags and insert each of them into every block elements. But in IE, the <a> is containing all contents before another <a> tag which has id="i1" (the <a> tag of "客户服务"). That's why page layout confusion. In IE8, the page by default runs in IE 7 standards mode, and when switching to IE 8 mandatorily, the page layout is even more confused. In such cases all browsers will do a similar treatment, this page looks good in IE is just a coincidence. Attachments: fedex.png 379 KB testcase_of_incorrect_tag_quirk.html 219 bytes testcase_of_incorrect_tag_standard.html 342 bytes -- You received this message because you are listed in the owner or CC fields of this issue, or because you starred this issue. You may adjust your issue notification preferences at: http://code.google.com/hosting/settings -- Automated mail from issue updates at http://crbug.com/ Subscription options: http://groups.google.com/group/chromium-bugs
