#1
  1. No Profile Picture
    Registered User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Sep 2013
    Posts
    2
    Rep Power
    0

    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!
    Code:
    <!-- Begin Sidebar -->
    <!-- [if gte IE9]> 
    <section id="sidebar">
    <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>
    </section>
    <! [endif]-->
    <!-- end Sidebar -->
    (Hope I posted that correctly)

    Any help you can provide would be greatly appreciated. I'm new at this.

    Melissa
    Last edited by Kravvitz; September 30th, 2013 at 10:45 AM. Reason: added [code] tags and removed email address
  2. #2
  3. CSS & JS/DOM Adept
    Devshed Supreme Being (6500+ posts)

    Join Date
    Jul 2004
    Location
    USA (verifiably)
    Posts
    20,127
    Rep Power
    4304
    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 ***
    Spreading knowledge, one newbie at a time.

    Check out my blog. | Learn CSS. | PHP includes | X/HTML Validator | CSS validator | Common CSS Mistakes | Common JS Mistakes

    Remember people spend most of their time on other people's sites (so don't violate web design conventions).
  4. #3
  5. No Profile Picture
    Registered User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Sep 2013
    Posts
    2
    Rep Power
    0
    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.

    Melissa
  6. #4
  7. CSS & JS/DOM Adept
    Devshed Supreme Being (6500+ posts)

    Join Date
    Jul 2004
    Location
    USA (verifiably)
    Posts
    20,127
    Rep Power
    4304
    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.

    Other people seem not to mind being dependent on JavaScript for something so basic and use the HTML5 Shim.
    Spreading knowledge, one newbie at a time.

    Check out my blog. | Learn CSS. | PHP includes | X/HTML Validator | CSS validator | Common CSS Mistakes | Common JS Mistakes

    Remember people spend most of their time on other people's sites (so don't violate web design conventions).

IMN logo majestic logo threadwatch logo seochat tools logo