Problem with CSS

[pewe]

I have integrated the calendar in my site and it is all working well except for the iframe background colour in IE..

However I came across this post about changing the calendar colours and it seemed that this was perfect for making the calendar fit my site theme beautifully.
http://forum.ajaxavailabilitycalendar.com/viewtopic.php?f=22&t=391.

I did the changes a outlined in the post, and the results are not as I hoped.
This image shows the calendar before adding the mods (top 3 items) and you can see the problem with ie (on the right).

samples.jpg (137.22 KiB) Viewed 5633 times

The bottom 3 items show the results after the modifications to the css as outlined in the above post. As you can see there are problems with all 3 browsers. Chrome and FF show the desired calendar colours, but the 'Key' frame is all wrong, and ie appears to have ignored the css changes completely !!!

I am not sure how to correct these problems (limited knowledge of css and particularly why browsers differ in their reaction) and wonder if anyone can give me some guidance.

[argan]

Add the code

.body{
background-color: transparent;
}

to the CSS in avail-calendar.css and then add

allowtransparency="true"

to the <IFRAME> tag

[pewe]

Thanks Argan - I'll try this.

Forgive my ignorance though, not sure what you mean by

and then add

allowtransparency="true"

to the <IFRAME> tag

Where exactly do I put this? - which file?

[chris]

Hi,

Forgive my ignorance though, not sure what you mean by

and then add

allowtransparency="true"

to the <IFRAME> tag

Where exactly do I put this? - which file?

By that Argan means that you add the transparency attribute to the iframe tag in your main page like this:

Code: Select all

<iframe width="700px" height="400px" src="/calendar/index.php" allowtransparency="true"></iframe>

Chris

[pewe]

Hi Jordax.

No - I never got it sorted, and the project has been on hold due to other priorities.

Did the mods work for you?