Posted 3 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?
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?
Posted 3 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?
Posted 3 years ago #
There, I believe I have fixed that error. I replaced <h with <h5
delete
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.
Posted 3 years ago #
Thank you... I will investigate!
Posted 3 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>
));
}
Posted 3 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.
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;
Posted 3 years ago #
Ok, I will give this a shot and report back... thanks again for your help!
Posted 3 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
Posted 3 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; }
Posted 3 years ago #
oh...website is
http://www.proctorsurf.com
This topic has been closed to new replies.
