ThemeShaper Forums » Thematic

3c-fixed IE6.0 not showing right sidebar

(3 posts)
  • Started 10 years ago by opgbaudouin
  • Latest reply from Chris
  • This topic is not resolved
  1. Hi

    I'm a mostly backend developper charged with creating a rather involved Wordpress-MU setup for a cutting edge conference (with no pre-budget :) ).

    For the last few days i've been hacking the setup to my needs and today i thought I had finished. Before starting I had looked at different themes and the requirement was 'Simple' and clean. I immedialty found thematic, which so far had worked great.

    Then someone stuck in the dark ages (read all students in our university) who have to use I.E.6 told me they couldn't register. I thought the problem was a backend thing until i loaded it up on IE6.0 to see that in fact the whole right sidebar is not displayed.

    I then removed all my personal .css adjustment (no extra special things there mostly colours and font-sizes) to see if the default thematic looks: but even with nothing changed it doesn't seem to display it.

    I look at the forums but the 3c fixed one doens't show up - lots of other things however but i had in fact chosen the 'fixed' one since i know CSS (which i must admit i do not like much for this exact reason) can get flaky cross-browserr wise.

    I tried to implement various approaches for the right sidebar (absolute, relative, static position, with or without left, float etc). But none even get close to showing the right sidebar where it should be. I'm not too fussy in that all i care about that it shows in the right place.

    the website is: http://open09.com and still under development but this is the final major issue. Hopefully here can have a good laugh at a backend code and say: just add this line to #primary but i can't resolve it myself.

    I really hope you guys can help - i do not want having the change the theme (and a very late few nights just for this as i do believe this is the framework i should be using and if we can simply add a few IE6.0 only things that would be ideal. I can easily add the custom css is there is a need for that.

    Sortoff desperate and frustrated and thinking back on the good ole table days (with 1 or 2 easily understood quirks :) )

    Onno

    Posted 10 years ago #
  2. update : due to tight deadline i will present the 'evil' solution:

    i've copied all of thematic main files (i.e. page.php) to my 'child' theme. I then changed the sidebar injection from:
    [code]
    <content>
    <side-a>
    <side-b>
    [/code]
    to:
    [code]
    <side-a>
    <content>
    <side-b>
    [/code]
    something like:
    [code]
    <?php get_header() ?>
    <?php echo_left_sidebar() ?> <!-- get it where IE6.0 --> needs it to be
    <div id="container">
    <div id="content">
    [/code]

    i then updated the css to a much more normal (for this left - centre - right) affair so no negative margins just simple left, left(%), right:

    #content {
    left:0;
    margin:0 0;
    overflow:hidden;
    position:relative;
    width:clear;
    display:inline;
    }

    #container {
    display:inline;
    left:0px;
    margin:0 0px;
    position:relative;
    width:50%;
    }

    #primary {
    border:medium none;
    display:inline;
    float:left;
    margin:0 0 0 0px;
    padding:0;
    position:relative;
    width:230px;
    }

    #secondary {
    display:inline;
    float:right;
    left:0px;
    margin:0;
    position:relative;
    width:220px;
    }

    this looks the same in FF and IE8 and also 'works' under IE6.0

    Of course this doesn't solve the problem mentioned above, but since i'm easier and faster changing the html output then css i had to use this approach.

    Since i had also used another plugin which overwrites profile / login etc i had to do the same there.

    I'm sure some issues will crop up due to this hack so a better CSS only solution would naturally be a lot better...

    Great insight in how the thematic theme works though and can i make a suggestion to wrap the actual pages even better? i.e. i had to copy / paste the side_bar injection in about 15 files all in the exact same place:

    perhaps a post-header and pre-footer would help to remove redundant code...

    Posted 10 years ago #
  3. Why don't you use:

    .ie6 #primary {
    	margin: 0 0 0 -1008px;
    }

    Chris

    Posted 10 years ago #

RSS feed for this topic

Reply

You must log in to post.