renders site different if www. is used for the url also li:hover inconsistent ie only hovers on part of the element box
Q1. when firefox 26.0 opens "http://www.aps-digital.org.au/index.php" it renders differently to when I drop the www. prefix "http://aps-digital.org.au/index.php". It is only one file, so why the differant rendering.
Q2. The hover effect is only effective on the upper portion of the Photo Travel and Portraits taps. When the cursor is on the lower half of the tabs there is no hover effect. The other tabs do not display this effect. Double clicking in the lower portion of the effected tabs select "Section" which is in the element following the ul which contains the effected li elements, instead of the effected li element's contents.
Asịsa ahọpụtara
Q2: When I right-click that lower area of the tabs and choose Inspect Elemnent (Q), I discover that the H1 element containing the header of the next section is the active element. The transform is making it taller than its normal height.
But why are only the last two tabs adversely affected? I suspect it is the z-index of those two LI's. 3 is the same level as the H1, so the later one is "in front" while 2 is lower.
Gụọ azịza a na nghọta 👍 0All Replies (5)
Q1: These point to the same IP address, so unless something unusual is happening on the server (e.g., in .htaccess) I agree you should see the same page:
www.aps-digital.org.au. 14400 IN CNAME aps-digital.org.au. aps-digital.org.au. 14386 IN A 27.121.64.84
I see the identical pages.
Have you cleared your cache recently?
orange Firefox button (or Tools menu) > Options > Advanced
On the Network mini-tab > Cached Web Content : "Clear Now"
If you have a large hard drive, this might take a few minutes.
Asịsa Ahọpụtara
Q2: When I right-click that lower area of the tabs and choose Inspect Elemnent (Q), I discover that the H1 element containing the header of the next section is the active element. The transform is making it taller than its normal height.
But why are only the last two tabs adversely affected? I suspect it is the z-index of those two LI's. 3 is the same level as the H1, so the later one is "in front" while 2 is lower.
Thanks for your response. Q1 I had and cleared the cache again to be sure, but the problem persists. The effect I am getting is the font is larger and borders are showing where they should not be. I suspect it is caused by the slight differances in font size and therefore the box sizes. If it is something unique to my computer then I probably ignore it. Q2 I will rearrange the z-order and let you know the results.
Oh, size differences could be your zoom level, which is stored on a site-by-site basis. To equalize, try resetting on both pages by pressing Ctrl+0 (that's a zero).
The fact that zoom distorts the page is not good, since your visitors will have a wide range of zoom levels. However, most users use "full page" or proportional zoom. If you are using "text only" zoom then that could explain the glitch with borders.
To switch between the two types of zoom, you can use the View menu on the classic menu bar (tap the Alt key to display it temporarily if you normally use the compact menu/orange Firefox button).
View menu > Zoom > Zoom Text Only
The item shows a checkmark for Text Only zoom, and no checkmark for the default of normal zoom.
The zoom level was the problem. Thanks again.