Joomla Templates Club 406,261 posts

[thefc_uk Friend thefc_ukJoin date: May 2007Posts: 143Downloads:89Uploads:15 Thanks: 55 Thanked: 20 times in 2 posts]

#161592

We are experiencing styling issues with internet explorer 7 and 8 on the modules.

On a Mac in FF and Safari, all is well with the modules having a shadow style at the bottom. This is missing on IE 7/8

Any help would be great – http://dev.btuh.nhs.uk.php5-17.dfw1-1.websitetestlink.com/btuh/

Attachments illustrate the problem.

thanks
thebb

---

Attachments:

1. 

[chavan Friend chavanJoin date: October 2014Posts: 4612Downloads:0Uploads:110 Thanked: 1440 times in 1290 posts]

#381939

<em>@stuaforr 228397 wrote:</em><blockquote>We are experiencing styling issues with internet explorer 7 and 8 on the modules.

On a Mac in FF and Safari, all is well with the modules having a shadow style at the bottom. This is missing on IE 7/8

Any help would be great – http://dev.btuh.nhs.uk.php5-17.dfw1-1.websitetestlink.com/btuh/

Attachments illustrate the problem.

thanks
thebb</blockquote>

Use Either this code

This code will help you in terms of bringing shadow


div.ja-moduletable, div.moduletable {
-moz-border-radius: 8px 8px 8px 8px;
-moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.4);
box-shadow: 0 1px 0 rgba(0, 0, 0, 0.4);

/* For IE 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=1, Direction=165, Color='#969798')";
/* For IE 5.5 - 7 */
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=1, Direction=165 , Color='#969798');

}

Else Follow the instruction to bring both rounded corner and also drop down shadow in css for IE 7

http://dimox.net/cross-browser-css3-box-shadow/

http://dimox.net/cross-browser-border-radius-rounded-corners/

1 user says Thank You to chavan for this useful post

1. thefc_uk

[thefc_uk Friend thefc_ukJoin date: May 2007Posts: 143Downloads:89Uploads:15 Thanks: 55 Thanked: 20 times in 2 posts]

#385650

Hi

Many thanks for your comment Chavan.

I’ve not been able to solve the issue of the drop shadow on the modules without affecting the whole of the module’s content i.e. the boundaries and the text :((

However, for anyone interested in the rounded corners read on…

• This asumes you are using T3 v2 templates
• In the templates folder you will find the sub-folder ‘blocks’
• In ‘blocks’ you will find the php file for ‘ie-rounded.php’
• Open the file and make your additions/amendments

In my case I added rules for the contenheading and componentheading tags. For this to work in IE8, the visitor must be using compatibility mode!

Hope this helps another poor sole battling clients still using IE7! and IE8 and most likely IE9!!!!

[Author]

Posts