Hello,
I'm currently experimenting with CSS layout skins. Within my skins I have had to use several hacks to get the layout that I need.
Upon further research I've discovered that the new IE7 browser will no longer be able to see these hacks, read this article for further info:
http://www.positioniseverything.net/articles/ie7-dehacker.htmlThe solution is to create a CC - Conditional Comment which only IE browsers can read which specifies to go to a separate .css file to read the hacks.
Great, the problem is how to get this comment into the code & how to link to this additional css file - iehacks.css file
The comment code needs to be in the head section of the document, so you can add the comment:
<code>
<!--[if IE]>
<link rel="stylesheet" type="text/css"
href="iehacks.css" />
<![endif]-->
</code>
Problem 1) - How do you add this code?
by editing the default.aspx file - not ideal if you want to use a skin on different portals.
by adding the code for each page using the head tag feature on the page settings - not ideal because you have to do this for every page.
Problem 2) - Specifying the URL?
The second problem is that you need to specify the location where you have uploaded the iehacks.css file, so if this is enclosed within your skin zip file it could be located in various areas such as the default portal folder or the portal number folder eg.
"/DNN32TestInstallTemplate/Portals/_default/Skins/myskin/iehacks.css"
My concern here is that if you create a css layout skin for release which contains hacks for all IE browsers, how will you make it easy for people installing the skin to set the skin up? - I can find a solution for my own installs, but how can I easily share the skins that I have made with this specific setup?
Has anyone come across any solutions for this?
Any thoughts appreciated,