Forest Path Template Support Thread

[oregongardener]

Amy,

check and see if there is an ie-stylesheet.css

if so just delete the following declarations


#navMain ul {
margin: 0;
padding: 0.5em 0.5em 0.2em 0.5em;
list-style-type: none;
text-align: center;
/*font-size: 1.1em;
line-height: 1.5em;*/
}
#navMain ul li {
margin: 0;
padding: 0 0 0 9px;
background: url(../images/left.gif) no-repeat left top;
display: inline;
}
#navMain ul li a {
padding: 5px 15px 3px 6px;
background: url(../images/right.gif) no-repeat right top ;
text-decoration: none;
color: #854401;
white-space: nowrap;
}
#navMain ul li a:hover {
padding: 5px 15px 3px 6px;
background: url(../images/right_on.gif) no-repeat right top;
color: #854401;
}
#navMain ul li.viewCart {
padding: 0 0 0 9px;
background: url(../images/sleft.gif) no-repeat left top;
display: inline;
}
#navMain ul li.viewCart a {
padding: 5px 15px 3px 6px;
background: url(../images/sright.gif) no-repeat right top ;
text-decoration: none;
color: #854401;
white-space: nowrap;
}
#navMain ul li.viewCart a:hover {
padding: 5px 15px 3px 6px;
background: url(../images/sright_on.gif) no-repeat right top ;
color: #854401;
}

open includes/templates/forest_path/product_info.css

find the following declaration and make the highlighted changes (note:you may have to adjust the margin setting)

#productDescriptionBox {
margin:25px 0 0;
padding:.2em 0;
clear:both;
float:left;
width:100%;
}

I think I've looked through every post relating to Internet Explorer and the positioning of the product description and tried both the above suggestions with no success.

As others have noted, this problem only occurs with MSIE (and I've tried turning off compatibility view as well).

Any other ideas for getting the product description (and to a lesser extent, categories) moved to the left (more centered on the page) in Internet Explorer v9?

w w w . o r e g o n g a r d e n e r . c o m

[nigelt74]

Sorry - I thought when I logged into the forum I'd see that someone had responded, but that's not the case.

File is attached as a jpg to allow uploading.

Hi Amy

Clyde Jones passed away last weekend, so i'll try and field this

Your followus sidebox is missing an internal div

if you look at the other sideboxes they have an internal div

for instance the information sidebox has the following after the h3 heading and surrounding the content of the box
and therefore controlling the background of the box

<div id="informationContent" class="sideBoxContent">

So for your followus box you could

basically copy that so it ends up like

<div class="leftBoxContainer" id="followus" style="width: 150px">
<h3 class="leftBoxHeading" id="followusHeading">Follow Us ..</h3>
<div id="followUsContent" class="sideBoxContent">
Social network links here
</div><!-- end followus content -->
</div><!--// eof: followus //-->

and it should just work

[oregongardener]

I'm very sorry to hear about Mr. Jones. I found his memorial page and signed his book.

Appreciate your stepping in to help with my sidebox issue. I added the lines you suggested, but was still having no luck. Turned out to be (possibly a combination of errors and omissions!) a missing period.

I had:
$content = '<a href="http:
instead of:
$content .= '<a href="http:

Looks much better now.

If you also have ideas on the MSIE alignment issue, I'm all ears.

Thanks!