Topic: HTML Link not working properly in Firefox

[miraculon]

I decided to add a direct link to the local Blitzortung-based lightning map on my Saratoga-based site.

If I put the this URL http://rogerscityweather.com/lightning2.php#local directly in to the browser's URL line, or if I follow the link on my main page (just below the lighting map), the page renders in the wrong place. The Michigan map is still visible which is not correct. The screenshot attachment is what it looks like when the link is followed. I should not see the entire state of Michigan map.

However, both MS Edge and Google Chrome render the page exactly like I would expect (either via the link or directly).

I have tried a number of things, moving the link around and trying pointing the #local tag to different places. All to no avail.

Does anyone know why FF is exhibiting this behavior and more importantly how to fix it?

Greg H.

[Jasiu]

Try putting the "id" attribute on the <h1> tag instead of the null link (and just get rid of that <a> tag completely).  E.g.:

Code: [Select]

<h1 id="local">Local Lightning</h1>

[miraculon]

Try putting the "id" attribute on the <h1> tag instead of the null link (and just get rid of that <a> tag completely).  E.g.:

Code: [Select]

<h1 id="local">Local Lightning</h1>

Thanks, but it didn't make any difference.

Greg H.

[Jasiu]

Looks like a possible Firefox bug. If I'm already on that page...

  http://rogerscityweather.com/lightning2.php

and then I enter

  http://rogerscityweather.com/lightning2.php#local

and hit Enter, I get the right result.  Almost like in the former case that it comes up with the scroll point prematurely before rendering the entire page.

I'll poke around a bit more to see if I can figure out a workaround.

[OldAlaskaGuy]

 [ You are not allowed to view attachments ]  This is what I am seeing.

[Jasiu]

I'm on latest for MacOS (68.0.1) and still see the problem. Watching the rendering closely, it looks like it gets it right but then when the big Michigan image loads, that messes it up.

Two ideas:

1) Give the image a height so that Firefox knows how much space it will be using before it loads the image.

2) If that doesn't work, try applying the "local" id on something that lines up in the menu to the left (e.g.,  Nibbleblog, About).

[miraculon]

1) Give the image a height so that Firefox knows how much space it will be using before it loads the image.

Woo-Hoo! That worked. I got the height=728 from the image attributes, and put it in (both images). I set both to height=728 width=670

Thanks for the idea, Jasiu. 

Greg H.