Browser problem - Post ID 183505

User 750064 Photo


Registered User
1 post

I've set up the Web Calendar at http://www.ravensbourne.org/oldprogramme.htm to see if it will work as a nice replacement for the current set-up.

If I'm using IE8 or using IE9 (both in, and not in compatability mode), clicking on an event means that the pop-up appears at the top of the page rather than in front of the main calendar. Everything else is shifted out of sight and the whole thing looks ugly.

This doesn't happen in Firefox.

I can't know what browser visitors are going to use so if anyone can shine some light on what I'm doing wrong, I'd be most grateful.

Chris.
User 38401 Photo


Senior Advisor
10,951 posts

Hiya Christopher,

Although I haven't found your answer yet, just now looking at your code, there's another anomaly that needs to be addressed in IE9 which for me all the images of the popup are not showing up so the X to close the little popup isn't there for me nor the bottom of the notepad graphic either on the popup. The X still works if you know where to click though hehe. Just the image itself isn't showing at the bottom. Checking your code now to see if I can find anything out of the ordinary.
User 38401 Photo


Senior Advisor
10,951 posts

Not sure if this is enough to be causing such havoc, but let's fix it and see. You have the Calendar code within a <p> tag in the content but you didn't close the <p> tag so you need to put a </p> after the calendar script as shown in bold below:

<p>
<!-- This is where the calendar HTML will be inserted -->
<div id="cc_webcalendar">
<p>Error, content did not load.</p>
</div>

<!-- this loads the calendar -->
<script type="text/javascript">
var maxdate=new Date("03/01/2013");
var mindate=new Date("12/01/2011");
loadTodaysCalendar(mindate,maxdate,"calendar");
</script>
</p>

After looking at your code, I would highly suggest you update your site so that it's using valid code as your code is pretty old and some of it is no longer conisdered "supported". Move away from the <tables> and use <divs> for your structure and I don't think I've seen so many scripts running for basic things before on a site as I see on yours. You don't need scripts for half the things you have there.

Just some ideas to ponder :)

Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.