Zen Cart Logo
Forums / Templates, Stylesheets, Page Layout / Sideboxes in FF vs IE....

Sideboxes in FF vs IE....

Locked

Views: 1,626

Results 1 to 9 of 9
This thread is locked. New replies are disabled.
26 Oct 2007, 1:28 AM
#1
khopek avatar

khopek

Totally Zenned

Join Date:
Aug 2006
Location:
portlandish, oregon
Posts:
795
Plugin Contributions:
0

Sideboxes in FF vs IE....

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:censored:

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

26 Oct 2007, 7:35 PM
#2
khopek avatar

khopek

Totally Zenned

Join Date:
Aug 2006
Location:
portlandish, oregon
Posts:
795
Plugin Contributions:
0

Re: Sideboxes in FF vs IE....

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.:blink:

26 Oct 2007, 8:52 PM
#3
dbltoe avatar

dbltoe

Totally Zenned

Join Date:
Jan 2004
Location:
N of San Antonio TX
Posts:
9,768
Plugin Contributions:
9

Re: Sideboxes in FF vs IE....

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.

26 Oct 2007, 9:04 PM
#4
rufus avatar

rufus

Zen Follower

Join Date:
Sep 2007
Posts:
214
Plugin Contributions:
0

Re: Sideboxes in FF vs IE....

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;
	}
26 Oct 2007, 10:17 PM
#5
khopek avatar

khopek

Totally Zenned

Join Date:
Aug 2006
Location:
portlandish, oregon
Posts:
795
Plugin Contributions:
0

Re: Sideboxes in FF vs IE....

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 !

29 Oct 2007, 10:12 PM
#6
khopek avatar

khopek

Totally Zenned

Join Date:
Aug 2006
Location:
portlandish, oregon
Posts:
795
Plugin Contributions:
0

Re: Sideboxes in FF vs IE....

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.

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...:blush:

29 Oct 2007, 10:46 PM
#7
rufus avatar

rufus

Zen Follower

Join Date:
Sep 2007
Posts:
214
Plugin Contributions:
0

Re: Sideboxes in FF vs IE....

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

30 Oct 2007, 12:49 AM
#8
khopek avatar

khopek

Totally Zenned

Join Date:
Aug 2006
Location:
portlandish, oregon
Posts:
795
Plugin Contributions:
0

Re: Sideboxes in FF vs IE....

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

30 Oct 2007, 5:19 AM
#9
dbltoe avatar

dbltoe

Totally Zenned

Join Date:
Jan 2004
Location:
N of San Antonio TX
Posts:
9,768
Plugin Contributions:
9

Re: Sideboxes in FF vs IE....

Glad you got it going:thumbsup:
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.