Return to Support

IE6 Sidebar issue

Home Forums Graphene WordPress theme Support IE6 Sidebar issue

Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • #712
    suddensway
    Member

    Hi there

    For the 3 or 4% of people who still insist on using Internet Explorer 6, can you please suggest a fix for this excellent theme which is pushing the right hand sidebar down below the main content in IE6 only? See http://www.blockpavingsurrey.co.uk

    Many thanks in advance

    Kevin

    #13336
    Syahir Hakim
    Keymaster

    Sorry, IE6 is no longer supported by the theme. It takes a lot of effort to support IE6, and I mean a lot. It’s just not worth the effort.

    We should all be encouraging people to upgrade their browsers instead of supporting obsolete browsers.

    #13337
    suddensway
    Member

    Thanks for the response Syahir. I completely understand and agree with your point about old browsers and wish that IE6 users could somehow be forced to upgrade! but the fact remains that a significant minority will still not be able to view my site properly.

    On non WordPress sites in the past I have used conditional comments for ie6. Can you give me a few pointers on how this could be integrated into the Graphene theme so that I could experiment with resolving the issue myself using css.

    many thanks

    Kevin

    #13338
    Syahir Hakim
    Keymaster

    You can add this code in your child theme’s functions.php file:

    function graphene_ie_css(){ ?>
    <!--[if lte IE 6]>
    <link media="screen" type="text/css" href="<?php echo get_stylesheet_directory_uri(); ?>/ie6.css" id="graphene-stylesheet-ie6-css" rel="stylesheet">
    <![endif]-->
    <?php
    }
    add_action('wp_head', 'graphene_ie_css');

    Then create an ie6.css file in your child theme’s folder and put all IE6-specific CSS inside that file.

    #13339
    suddensway
    Member

    Hi Syahir

    Thank you for your help – I have followed your instructions as I understand them but cannot seem to get the conditional css to have an effect. This is what I did…

    1 – Created a folder called graphene_child in the themes folder

    2 – Uploaded to that folder a file called functions.php file consisting of:

    <?php
    function graphene_ie_css(){ ?>
    <!--[if lte IE 6]>
    <link media="screen" type="text/css" href="<?php echo get_stylesheet_directory_uri(); ?>/ie6.css" id="graphene-stylesheet-ie6-css" rel="stylesheet">
    <![endif]-->
    <?php
    }
    add_action('wp_head', 'graphene_ie_css');
    ?>

    3 – Uploaded to the folder a css file called ie6.css and added some random css code as a test

    The css had no effect in ie6 nor did the source code appear to have any record of my conditional tag being added.

    Am I doing something wrong? …Probably!!

    many thanks in advance for your help.

    Kevin

    #13340
    Syahir Hakim
    Keymaster

    I have just completed a commissioned work to make the theme compatible with IE6, and the client is kind enough to let me redistribute the work any way I want. It was implemented using a child theme and is meant for version 1.4.1. Let me know if anyone’s interested in getting it.

    #13341
    mcEoghan
    Member

    Hello Syahir, I am currently using your theme on a website:

    http://www.stillwaterscenter.org

    Overall the theme has served us very well!

    Thank you!

    I too am running into the same issue with the sidebar1(right side) issue on IE6. As well as that, the bottom area of the page is cut off. The current installation I have of Graphene is 1.3. If you are able to share with me the IE6 compatibilty code I would be very grateful. 🙂

    Once again,

    Thank you so much. The theme is excellent.

    Eoghan

    #13342
    Syahir Hakim
    Keymaster

    I’d be glad to share it, but I don’t think it will work for your site, as it is very heavily customised.

    #13343
    mcEoghan
    Member

    Yes please. eoghan [at] walzak . com

    Thanks again

Viewing 9 posts - 1 through 9 (of 9 total)

You must be logged in to reply to this topic.