September 29th, 2013, 07:29 PM
Problem with old IE rendering new website
I have built a relatively simple website. It looks just like it's supposed to in Chrome, Firefox, Safari, and IE 9 & 10. I thought I was done!
But my customer's target market is schools and he is afraid a number of them still run XP and IE 8 or below. Those old browsers do not format the iframes in the red sidebar correctly at all. Instead of marching neatly down the left side they are horizontal across the page and the red background is gone completely.
I need to either figure out how to fix that problem (hasLayout is TRUE) OR to figure out how to use conditional arguments to not show the sidebar to old IE browsers.
I tried this - but that resulted in No One seeing the sidebar in any browser!
(Hope I posted that correctly)
<!-- Begin Sidebar -->
<!-- [if gte IE9]>
<img class="redtop" src="images/img02.gif" alt="Red Topper"/>
<iframe class="news" src="news.html" name="news"></iframe>
<iframe class="reps" src="repslist.html" name="replist"></iframe>
<iframe class="pics" name="pictures" src="sideimages.html" ></iframe>
<!-- end Sidebar -->
Any help you can provide would be greatly appreciated. I'm new at this.
Last edited by Kravvitz; September 30th, 2013 at 10:45 AM.
Reason: added [code] tags and removed email address
September 30th, 2013, 10:47 AM
Welcome to DevShed Forums, Melissa.
Using Conditional Comments or CSS Filters/Hacks should be done with great care. Attempting to do that without understanding them often leads to more problems.
Please post a link to an example page, so that we can diagnose the problem.
As you (may have) found out new users are restricted from posting URLs until they have made 5 posts. You may need to get around this by leaving out the "http://" and putting a space before each ".". Yes this rule is annoying, but the administrators say it's necessary for limiting spam.
P.S. Unless you like getting spam, it's best not to post your email address in public.
*** Thread Moved to CSS forum ***
September 30th, 2013, 07:31 PM
Thank you very much for your kind reply - and the email edit. I didn't stop to think about spam.
The website is escuebooks . com
And, yes, I'm in over my head with this part.
September 30th, 2013, 07:41 PM
IE8 doesn't support HTML5 (and supports very little CSS3).
What I do is wrap a <div> with a class that matches the names of the HTML5 element around most HTML5 elements. In the case of <nav>, I put the class on its child <ul> instead.