I have the IE6 sidebar problem but I don’t have a #sidebar in my style.css

  • Resolved Pride

    (@pride)


    15 years, 6 months 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

Viewing 13 replies - 1 through 13 (of 13 total)
  • @mercime

    (@mercime)

    15 years, 6 months 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?

    Thread Starter Pride

    (@pride)

    15 years, 6 months ago

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

    Thread Starter Pride

    (@pride)

    15 years, 6 months ago

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

    @mercime

    (@mercime)

    15 years, 6 months ago

    delete

    @mercime

    (@mercime)

    15 years, 6 months 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.

    Thread Starter Pride

    (@pride)

    15 years, 6 months ago

    Thank you… I will investigate!

    Thread Starter Pride

    (@pride)

    15 years, 6 months 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>
	));
}
    Thread Starter Pride

    (@pride)

    15 years, 6 months 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.

    @mercime

    (@mercime)

    15 years, 6 months 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;

    Thread Starter Pride

    (@pride)

    15 years, 6 months ago

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

    Thread Starter Pride

    (@pride)

    15 years, 6 months 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

    charissaproctor

    (@charissaproctor)

    15 years, 3 months 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; }

    charissaproctor

    (@charissaproctor)

    15 years, 3 months ago

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

Viewing 13 replies - 1 through 13 (of 13 total)
  • The topic ‘I have the IE6 sidebar problem but I don’t have a #sidebar in my style.css’ is closed to new replies.