How to fix inconsistent end tag error in IE 10

The webpage contains 24 iframes, which are updated periodically using meta-updates in the contents of the iframe:

<!DOCTYPE html> <html> <head> <meta http-equiv="refresh" content="25"> <base target="_parent" /> <link href="/store/Content/Css/Site.css" rel="stylesheet" type="text/css" /> </head> <body> <a class="picture ui-corner-all" href="/store/Store/Details?product=FRUNBLUEJASS"> <img src="/store/Store/MainImageThumb?product=FRUNBLUEJASS" /> </a> </body> </html> 

In Internet Explorer 10, after refreshing the page by pressing F5, an error

 HTML1509: Unmatched end tag. store, line 470 character 5 

appears in the tab of the IE Developer Tools console, and the bottom group text on the page appears in a single column. The Chrome page displays correctly without errors. I checked that all tags are matched on the page. How to fix it?

jquery, jquery iu, mono / ASP.NET MVC3.

+4
source share
1 answer

This does not seem to be a problem with the browser. Take a look at the cleaned source code of the site you linked to. As a result, you will get the end tag without the corresponding start tag.

 <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <base href='/store/' /> *snip* <title>Pood</title> </head> <body> *snip* <div id="main"> *snip* <div class='maincontent'> *snip* <div class='highlightcolor'> *snip* </div> <p class='clear_both'> <div class="bottomcategories"> *snip* </div> </p> </div> <div style="clear: left"> *snip* </div> </div> <div id="footer"> *snip* <div style="text-align: center"> </div> </div> ** here ** </div> ** here ** </body> </html> 

In any case, when I read about 24 automatic self-updating iframes on one page, I should ask if this is really the best / current solution .; -)

+1
source

Source: https://habr.com/ru/post/1483292/


All Articles