The Geeks & God Podcast

Calling on the help of the Geeks! IE troubles

July 19, 2010 - 8:42am

Joined: 12/16/2007

Hey guys,

I'm calling on your help, because I'm a little stuck, and know someone here will have the expertise!

I have designed my Drupal site, and have it looking just like I want it in Safari. However, a quick look in IE reveals that it looks absolutely terrible! I feel bad for anyone using my site in that.

I don't have easy access to IE, so it's difficult for me to work out what's wrong or how to fix it. I would really appreciate it if anyone could take a look in IE, and help me to figure out what is wrong and how to make it look better!

Thanks - any help is really appreciated!

The website is http://www.crcw.com.au

Thanks again,

Paul

Paul Vaartjes

July 19, 2010 - 9:00am

NonProfit

G&G Moderator

Joined: 06/06/2007

Check out IE NetRenderer

Hey Paul, I like http://ipinfo.info/netrenderer..., a free screenshot service. -NP

July 19, 2010 - 9:16am

sejtraav

Joined: 12/16/2007

Thanks NP. I was using a

Thanks NP. I was using a similar screenshot service, however my major problem is working out how to fix these issues. It seesm to me the main problem is the text size is too big? Any idea how to fix this in IE, without ruining how it already looks in every other browser?

Paul Vaartjes

July 19, 2010 - 10:18am

NonProfit

G&G Moderator

Joined: 06/06/2007

Conditional Style Sheets

EDIT: I checked your site and see you first must enable "Optimize CSS files" at admin/settings/performance. IE will not load more than 32 style sheets, so it's possible some of your work is not being passed to the browser. Optimizing .css files will roll all your style sheets into a single file.

Yes, If IE has done one thing right, it is the idea of conditional style sheets.

To target all versions of IE:

<!--[if IE]>
	<link rel="stylesheet" type="text/css" href="ie.css" />
<![endif]-->

To target only IE7:

<!--[if IE 7]>
	<link rel="stylesheet" type="text/css" href="ie7.css" />
<![endif]-->

IE also understands less than (lt), greater than (gt), less than or equal to (lte), and greater than or equal to (gte). To apply a stylesheet to IE 7 & 8 you could declare: [if gt IE 6] or [if gte IE 7].

Hope this helps!

-NP

July 24, 2010 - 9:45am

sejtraav

Joined: 12/16/2007

Thank you! The combination of

Thank you! The combination of turning on "Optimise CSS", and discovering a IE CSS file in the theme solved my problems! Not if only IE could show border-radius!

Thanks again. This community is an incredible resource! I'm going to try and be more helpful to other questioners on here in the future! Haven't been on the site for a while.

Paul Vaartjes