WordPress.org

Ready to get started?Download WordPress

Forums

[resolved] I have the IE6 sidebar problem but I don't have a #sidebar in my style.css (14 posts)

  1. Pride
    Member
    Posted 5 years ago #

    I am using a free theme that I have manipulated quite a bit. I just realized that my site does not display correctly in IE6. This seems to be a common issue, however, the fix always seems to go back to modifying the #sidebar piece of the style.css.

    My theme maker apparently didnt use the #sidebar piece when he built the theme.

    Anyone have any clue what to try next?

    http://www.masondixonbb.com

  2. @mercime
    Volunteer Moderator
    Posted 5 years ago #

    You have 16 validation errors. One glaring error is the h element you have in beginning and closing of some divs. Look in your source code, you have <h id="archives" ... - was that supposed to be h2 or h3?

  3. Pride
    Member
    Posted 5 years ago #

    Its very possible. Would that have any affect on the layout issue in IE6?
    What did you use to run the validation check?

  4. Pride
    Member
    Posted 5 years ago #

    There, I believe I have fixed that error. I replaced <h with <h5

  5. @mercime
    Volunteer Moderator
    Posted 5 years ago #

    delete

  6. @mercime
    Volunteer Moderator
    Posted 5 years ago #

    There are structural errors in the coding of your sidebar, some examples from your source code:

    <h5 id="linkcat-3" class="widget widget_links"><h3 class="menu-header">Links</h3>
    <ul class='xoxo blogroll'>
    <li><a href="http://www.billszone.com" title="Buffalo Bills Fan Site (News, Articles and Forums)" target="_blank">BillsZone</a></li>
    ...
    </ul>
    </h5>

    you probably mean

    <div id="linkcat-3" etc> --- not <h5 id="linkcat-3" etc>
    <h3 class="menu-header">Links</h3>
    <ul>
    <li>...</li>
    </ul>
    </div> --- not </h5>

    To see the validation errors, click here.

  7. Pride
    Member
    Posted 5 years ago #

    Thank you... I will investigate!

  8. Pride
    Member
    Posted 5 years ago #

    I am not sure that I can make sense of what the author of this theme was trying to do. Does anyone have any thoughts?

    Here is the original code that is creating the error mentioned in the earlier post:

    <?php
    if ( function_exists('register_sidebar') )
    {
    	register_sidebar(array(
    		'name'=>'columnLeft',
    		'before_widget' => '<h5 id="%1$s" class="widget %2$s">', // Removes <li>
    		'after_widget' => '</h5><br />', // Removes </li>
    		'before_title' => '<h3 class="menu-header">', // Replaces <h2>
    		'after_title' => '</h3>', // Replaces </h2>
    	));
    }
  9. Pride
    Member
    Posted 5 years ago #

    I believe I corrected it. Down to 7 errors.

    {
    	register_sidebar(array(
    		'name'=>'columnLeft',
    		'before_widget' => '<div id="%1$s" class="widget %2$s">',
    		'after_widget' => '</div>',
    		'before_title' => '<h3 class="menu-header">',
    		'after_title' => '</h3>',
    
    	));
    }

    None of these seem to be affecting my original problem though.

  10. @mercime
    Volunteer Moderator
    Posted 5 years ago #

    Maybe, maybe not, but we need to clear up rotten stuff to see more clearly :-)

    Solution: take away the left and right paddings from left and right columns. Find the divs below in style.css - and change respective declarations:
    - In #left change padding:10px 1em 10px 10px;
    to padding: 10px 0;
    - In #right just delete padding-right:10px;

  11. Pride
    Member
    Posted 5 years ago #

    Ok, I will give this a shot and report back... thanks again for your help!

  12. Pride
    Member
    Posted 5 years ago #

    Thank you so much! I followed your advice and I got it working!

    Apparently I only needed to change 1 small thing

    Original Code

    #left
    {
    	padding: 10px;
    	width: 240px;
    	padding-right: 1em;
    	float:left;
    	font-weight: normal;
    	font-size: small;
    }

    Adjusted Code

    #left
    {
    	padding: 10px 0;
    	width: 240px;
    	padding-right: 1em;
    	float:left;
    	font-weight: normal;
    	font-size: small;
    }

    I couldn't have done this without your help! Thanks a million!

    J

  13. charissaproctor
    Member
    Posted 5 years ago #

    I really appreciate this simple fix. I tried it and it seemed to work great, at first... in IE6. But when I returned to Firefox, my left sidebar looked funny, with it overlapping into the body area (center column). If anyone would be so kind, and I know it is really kindess....I would be incredibly grateful if there is a simple fix to the following code to make the sidebars look right in all browsers, including IE6.

    #content, #sidebar1 {

    border-left: 1px solid #363430;

    border-right: 1px solid #363430;

    padding: 0 10px;

    }

    #content { float: left; font-size: 1.1em; width: 727px; }

    #content h2 { margin: 0 0 10px; }

    #content p { line-height: 1.5em; }

    #sidebar1 { border-left: 0; float: right; width: 275px; }

    #sidebar1 h2 { color: #9c9890; margin: 15px 0 5px; font-variant: small-caps; }

    #sidebar1 ul { margin: 0 0 10px; padding: 0; border-top: 1px solid #363430; border-bottom: 1px solid #363430; font-size: 1.1em; }

    #sidebar1 li { display: block; padding: 4px 10px; background: #22201d; margin: 1px 0; }

    #sidebar1 li:hover { background: #363430; }

    #content, #sidebar2 {

    border-left: 1px solid #363430;

    padding: 0 10px;

    }

    #sidebar2 { border-left: 0; float: left; width: 220px; }

    #sidebar2 h2 { color: #9c9890; margin: 15px 0 5px; font-variant: small-caps; }

    #sidebar2 ul { margin: 0 0 10px; padding: 0; border-top: 1px solid #363430; border-bottom: 1px solid #363430; font-size: 1.1em; }

    #sidebar2 li { display: block; padding: 4px 10px; background: #22201d; margin: 1px 0; }

    #sidebar2 li:hover { background: #363430; }

  14. charissaproctor
    Member
    Posted 5 years ago #

    oh...website is
    http://www.proctorsurf.com

Topic Closed

This topic has been closed to new replies.

About this Topic