Problem with CSS

Help with installation and general calendar setttings

Problem with CSS

Postby pewe » Fri Mar 11, 2011 6:58 pm

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
samples.jpg (137.22 KiB) Viewed 5155 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.
pewe
 
Posts: 13
Joined: Tue Mar 08, 2011 2:02 am

Re: Problem with CSS

Postby argan » Sat Mar 12, 2011 3:09 am

Add the code

.body{
background-color: transparent;
}

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

allowtransparency="true"

to the <IFRAME> tag
argan
 
Posts: 1
Joined: Sat Mar 12, 2011 3:05 am

Re: Problem with CSS

Postby pewe » Sat Mar 12, 2011 3:15 am

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?
pewe
 
Posts: 13
Joined: Tue Mar 08, 2011 2:02 am

Re: Problem with CSS

Postby chris » Mon Mar 14, 2011 11:51 am

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
User avatar
chris
Site Admin
 
Posts: 1089
Joined: Mon Dec 17, 2007 7:42 pm
Location: Málaga, Spain

Re: Problem with CSS

Postby pewe » Sat Jun 25, 2011 1:02 am

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?
pewe
 
Posts: 13
Joined: Tue Mar 08, 2011 2:02 am


Return to Support

Who is online

Users browsing this forum: No registered users and 1 guest

cron