Pages not rendering with non IE browsers [Archive]

Atom

04-27-2013, 11:52 PM

My neighborhood POA has a website and some of the pages do not render except with IE. Can someone tell me how much trouble it would be to update the html. Here is the main website link: http://riveroaksestates.org/.
One of the pages which does not render using other browsers is this one:http://riveroaksestates.ipower.com/meetings.html#rotop

Thanks for your help.

jscheuer1

04-28-2013, 02:24 AM

On that page (meetings.html#rotop), there's an unclosed comment token that indicates that the entire contents of the body are to be taken as a comment (from the page's source code, on the highlighted line, colored red):

<html>

<head>
<title>River Oaks Meetings</title>

<script language="JavaScript1.3" type="text/javascript"
src="jse_form.js"></script>

</head>

<BODY bgcolor="#9FD08F" text="#000000" link="#2400ff" vlink="#FF0000"><!--
<center>

<a name="rotop"></a>

<td width="100%" height="146"><BR><BR><cent . . .

Remove the red.

The browser cache may need to be cleared and/or the page refreshed to see changes.

I suspect the others are something similar, but there could be other issues on other pages.

Atom

04-28-2013, 04:01 AM

On that page (meetings.html#rotop), there's an unclosed comment token that indicates that the entire contents of the body are to be taken as a comment (from the page's source code, on the highlighted line, colored red):

<html>

<head>
<title>River Oaks Meetings</title>

<script language="JavaScript1.3" type="text/javascript"
src="jse_form.js"></script>

</head>

<BODY bgcolor="#9FD08F" text="#000000" link="#2400ff" vlink="#FF0000"><!--
<center>

<a name="rotop"></a>

<td width="100%" height="146"><BR><BR><cent . . .

Remove the red.

The browser cache may need to be cleared and/or the page refreshed to see changes.

I suspect the others are something similar, but there could be other issues on other pages.

I applied that fix and it worked well. Thanks very much.

Tom

Atom

04-28-2013, 06:10 PM

One of the things that's happening is that when pages get rendered, the displayed url looks like this
http://riveroaksestates.ipower.com/index.html#rotop
(ipower is the webhosting service)
instead of
http://riveroaksestates.org

Throughout the code we have the use of this item: <a name="rotop" title="rotop"></a>

Then when there is a link within the page you'll see this:
<href="http://riveroaksestates.ipower.com/index.html#rotop">

I understand the use of anchor names has been deprecated, so should I just remove all the uses of that or change it to something else?

jscheuer1

04-28-2013, 09:23 PM

True, named anchors are considered obsolete in HTML 5. But they're a warning, not an error in the validator. And id is treated as name in modern browsers, so:

<a id="bob"></a>

is treated the same as:

<a name="bob"></a>

If - say you click on a link like so on the page:

<a href="#bob">Bob</a>

it will take you to the anchor named bob, or the anchor with the id bob. But older browsers require name. So I would just leave it as is for now, unless you don't want those # URLs showing up in the address bar. If you really don't like them, find some other way of dealing with the situation.

But it hurts nothing the way it currently is and will continue being supported for the foreseeable future.