Ok,  there might be a very simple and obvious expliniation or fix that I'm not seeing for this problem.  But I'm a little stuck.  I created a new skin and uploaded to my site. (being my first skin that part was hard enough!) Anyway, I created the skin in HTML and looked at it on every browser I could think of and everything looked fine.  Then I uploaded using Firefox and everything was looking great! There are still a coulple things to fix but I can handle changing some CSS values!

Needless to say I was very excited.  But then I pulled up the site in Internet Explorer and let out a chain of Microsoft directed expletives that I only hope no one else heard.  The page header area where I have my background images is being all mucked up by IE.  You can take a look here http://129.19.60.93/BocesWeb  If anyone can shead some light on this I wold greatly appreciate it!

If you want to make it the right way, put the whole header image as background-image in a DIV which will also have position:relative and then put the several elements in that with absolute positioning.

DIVs and CSS is the way... use HTML tables only when you can't find any other solution.

V.

---

Advanced DotNetNuke Skinning
 

The good news is you only have one browser to focus on IE.  Modify a separate CSS file that looks perfect in "only IE" first.  Once it looks perfect in IE browsers just save this particular .css file as "iehack.css"  Now you have skin.css and iehack.css for IE only.  On your webpage place the following conditional comments after the skin.css reference:

<link href="skin.css" rel="stylesheet" type="text/css">

<!--[if gte IE 5]>

<link href="iehack.css" rel="stylesheet" type="text/css">

<![endif]-->

 

If an IE browser greater than or equal to version 5.0 then it will reference the iehack.css  otherwise Non-IE browsers will simply ignore it.

 

 

-Mark

Get Dotnetnuke hosting for less than $4.49 per month!