Sideboxes in FF vs IE....

[khopek]

The sideboxes show up correctly in FF and too big in IE....

the background image i'm using is 180px wide, and the sideboxes are set at 180px via admin control panel...in FF it shows up right, but IE makes it too big and then it pushes out the whole right side of the site by a few pixels. IE shows the sideboxes correctly when it is set at 175px, which makes no sense when the background image is 180px...

I can't figure out how to fix this

P.S. THIS ONLY HAPPENS when in a category such as "TOPS"

[khopek]

I still can't figure out why the sideboxes are pushing out the right side of the site...i added a black bg color so it is less noticeable, but it is still a minor annoyance.

[dbltoe]

You need to do some serious validation on the code being generated here. Your Shop drop-downs are inserted without the required name, you're ending option calls with </a>, JavaScript has no "type", etc.

Get firefox and the html Validator by Tidy to look at what's going on.

[RuFuS]

Change this

.leftBoxContainer {
    background-image:url();
    background-repeat:repeat-y;
    margin-top: 0px;
    margin-left: 0px;
    margin-right: 5px;
    } 

to this

.leftBoxContainer {
    background-image:url();
    background-repeat:repeat-y;
    margin-top: 0px;
    margin-left: 0px;
    margin-right: 0px;
    } 

[khopek]

I am aware of the validation errors...problem is someone else did the dropdown's for me......so I wouldn't know what to fix...

.leftBoxContainer {
background-image:url();
background-repeat:repeat-y;
margin-top: 0px;
margin-left: 0px;
margin-right: 0px;
}

Ooh I thought I caught that !

[khopek]

You need to do some serious validation on the code being generated here. Your Shop drop-downs are inserted without the required name, you're ending option calls with </a>, JavaScript has no "type", etc.

Get firefox and the html Validator by Tidy to look at what's going on.

I uninstalled the category dropdown that was made for me, since I did not make it and don't know anything about javascript or php to fix it... and it DID clear up alot of the errors AND fixed the myserious moving sideboxes....

Except the sideboxes actually moved to the left. If you look on the main page there is a pretty big gap between the sideboxes and the edge of the site...

I am wondering though why it's having a problem with my Category names and/or product names that have "&" in it, such as Jeans & Pants (category), or Red, White, & Blow (product name)?

I can change the category names, but I need to leave the product names what they are as that is the name given by the brand.


Thanks for helping! Some of this is just over my head...

[RuFuS]

I noticed that the table is set to 98%, setting this to 100% would close the gap

<table width="98%" border="0" cellspacing="0" cellpadding="0" id="contentMainWrapper">
<tr>
<td valign="top">

This would be in catalog/includes/templates/yourtemplate/common/tpl_main_page.php

[khopek]

Awesome! Finally everything is working normal... I didn't realize that dropdown menu I had before was causing so many problems.

[dbltoe]

Glad you got it going
Some of those pesky & symbol errors can be ignored but...
In your product description and other places, remember that this is actually code that will be modified before it's presented to the browser.
Try changing a couple of these in various places and see what happens.