WordPress.org

Ready to get started?Download WordPress

Forums

[resolved] 2 Sidebar Trouble in IE (2 posts)

  1. Rev. Voodoo
    Volunteer Moderator
    Posted 5 years ago #

    OK, I was trying to clean up my theme and jacked it all up. Basically I want to have a 'welcome' message box above my 2 column sidebar. I originally did this by adding the box to the right column and messing with margins to overlap the left column. This was a ghetto fix so I redid it. Now using right float and right clear I have the one large box aligned perfectly over the 2 columns in Firefox, but not IE. In IE the right column is perfectly under the welcome box, but the left column goes to the left side of the welcome box aligned to the top op the container area, where my content should be, pushing all my content down. How can I get the 2 colums under the message box in both browsers?

    '
    #container{
    clear:left;
    padding:10px auto 0 auto;
    margin-left:auto;
    margin-right:auto;
    margin-top: 0;
    margin-bottom: 0;
    width: 1003px;
    height: auto;
    background: #150700 url(img/container.png) repeat-y;}
    #leftnav{
    float: right;
    width: 200px;
    margin: 0;
    padding-top: 4px;
    margin-top: 0;
    margin-right: -10px;
    margin-left: 20px;
    margin-bottom: 20px;
    clear: right;
    text-align: left;
    }
    #rightnav{
    float: right;
    clear: right;
    width: 200px;
    margin: 0;
    padding-top: 4px;
    margin-top: 0;
    margin-bottom: 20px;
    margin-right: 1px;
    text-align: left;}
    #welcome {
    float: right;
    width: 380px;
    margin: 0;
    padding-top: 4px;
    margin-top: 10px;
    margin-right: 10px;
    margin-left: 20px;
    margin-bottom: 20px;
    text-align: left;
    background: url(img/bg-trans.png) repeat;
    clear: right;
    }
    '

    That's all the css for the parts im referring to. and here is the part of my index that sets it up....
    '
    <?php get_header(); ?>

    <div id="container">

    <?php include (TEMPLATEPATH . '/welcome.php'); ?>

    <div id="leftnav">

    <?php get_sidebar(); ?>
    </div>
    <div id="rightnav">
    <?php include (TEMPLATEPATH . '/sidebar2.php'); ?>
    </div>
    <div id="content">
    '

    (Note.....my rightnav and leftnav are flipped....as in rightnav is on left)

    I currently have added a right clear to my rightnav to put in under my other sidebar until I clear up this problem so its not in the content area, that one line of code normally isn't there. Ive searched and googled my butt off lookin for how to fix this

    website is at http://www.rvoodoo.com

  2. Rev. Voodoo
    Volunteer Moderator
    Posted 5 years ago #

    nevermind. I was eating my salad, and burnt my mouth on a jalapeno when the idea hit me to just wrap the sidebars in a wrapper, float the wrapper to the right, and float each sidebar inside.

Topic Closed

This topic has been closed to new replies.

About this Topic