The expand-collapse link is covered by the absolute positioned country container from the middle part below. The AP need to refer to image container I think you had in mind, give it position relative and check the country x/y positions again. Try:
but the image-container is already position:relative. Do you mean the img-contaoner ing{ ?
However, you may not have read my PS above. I had a look in anothe computer and all works fim
ne. I just wanted to know if it does /or not in yours and if it does if you have any idea why it should only work in IE9 in mne (although that’s porbably nothing to fo with html/csds,)
OK, the “Read more” link still doesn’t function on either browser. I’m not sure what’s going on, but I’m pretty certain Erik is right and it’s to do with the positioning of those links. Their position on the page shifts depending on the height of the viewport. For example, I have a couple of extra toolbars at the top of the window in Firefox, and that’s enough to make the display different to Chromium.
Firefox:
Chromium:
If I disable my toolbars in Firefox, the positions move:
and if I open Firebug at the bottom of the page, the links all move up and the “Read more” link becomes available. It’s the only way I can access the “Read More”.
The position of the map links is a different issue. I’ve also been working on that with z.index (but with tables I cannot use position), as the expanding text should HIDE, not push down the map and links. I’m stuck there too… what’s new?
My immediate problem is the Read More button. Are you saying that with your set-up it also does not work on any browser?
It’s strange because it works on my daughter’s Mini laptop but on mine only on IE9
Yes, that’s what I’m saying. I’ve tested on two browsers and neither works. (I don’t have IE handy to test just now.)
I’m pretty certain the issue is to do with the positioning of those place links, but you removed the map from the page while I was still testing. As well as the “Read More” link not functioning, it’s not possible to select any text in the top part of the page, which again says something is overlying it.
My apologies to you and to Eric. I’ve changed the position absolute to relative in the img-container img{ of #middle and things are starting to look good.
i am surprised that you still can’t get the Read More to work, It worked in my daughter’s and probably because it was a smaller screen, like you said. Now it works on mine also ion all browsers.
My nest problem is to solve the unavailaibility of z-index, which was the method t I used before the tables came along…now with tables I don’t know how to cover the map as the text expnds
but the image-container is already position:relative. Do you mean the img-contaoner ing{ ?
Yes I ment the div with ID “img-container” holding the AP map with the AP countries. It is not position relative. The ancestor the AP map now refers to seems to be the root element. It lies on top of the collapsed text, so the “read more” link is out of reach.
A way for you to check whether it does is to temporarely give the AP “countries” div a background color.
The expanding and collapsing of text works in its self. Checked with Firefox ESR 31.6 Linux version.
Oops, was away from keyboard too long I see. Posting anyway… lol.