Zen Cart Logo
Forums / Templates, Stylesheets, Page Layout / Sidebox Border Missing in Firefox

Sidebox Border Missing in Firefox

Locked

Views: 2,112

Results 1 to 15 of 15
This thread is locked. New replies are disabled.
14 Apr 2009, 3:24 AM
#1
craig_robbo avatar

craig_robbo

Zen Follower

Join Date:
Oct 2008
Posts:
109
Plugin Contributions:
0

Sidebox Border Missing in Firefox

Hey Guys

My right border on my left sidebox does not display in Firefox but it does display in Internet Explorer.

I've been trying and searching on how to fix this for a couple of months now so i'd really appreciate any help you can give me.

My site can be found at http://www.imagocollections.com.au/index.php?main_page=index&cPath=33&zenid=oc8gpu3v4odj2gambp6hjg6n87

Thanks

14 Apr 2009, 4:04 AM
#2
haredo avatar

haredo

Totally Zenned

Join Date:
Apr 2006
Location:
Texas
Posts:
6,179
Plugin Contributions:
0

Re: Sidebox Border Missing in Firefox

Cr,
What happen when you change the image size

  1. womens.jpg
  2. it is now 595px × 910px
  3. try 580 x 910
14 Apr 2009, 4:23 AM
#3
tony_sar avatar

tony_sar

Totally Zenned

Join Date:
Jul 2006
Location:
Montreal, Canada
Posts:
2,276
Plugin Contributions:
0

Re: Sidebox Border Missing in Firefox

change your left column width from 150px to 155px ..

14 Apr 2009, 4:25 AM
#4
craig_robbo avatar

craig_robbo

Zen Follower

Join Date:
Oct 2008
Posts:
109
Plugin Contributions:
0

Re: Sidebox Border Missing in Firefox

Hi

I tried changing the image width as suggested but the border is still missing. The border is also missing on the product info pages etc so not sure if it's related to the main image width.

Thanks

Craig

14 Apr 2009, 4:34 AM
#5
haredo avatar

haredo

Totally Zenned

Join Date:
Apr 2006
Location:
Texas
Posts:
6,179
Plugin Contributions:
0

Re: Sidebox Border Missing in Firefox

Cr,

p, ul, ol {
margin:0 0 1.5em 0.2em;
}

  1. Add the red font above
14 Apr 2009, 4:40 AM
#6
craig_robbo avatar

craig_robbo

Zen Follower

Join Date:
Oct 2008
Posts:
109
Plugin Contributions:
0

Re: Sidebox Border Missing in Firefox

I set the left column width (in admin) from 150 to 155px and the border re-appeared!

Only trouble is now I have a gap on the left side of the sidebox (and a small one in the breadcrumb that i'll hopefully be able to fix) any ideas?

Thanks a heap for that

14 Apr 2009, 4:59 AM
#7
craig_robbo avatar

craig_robbo

Zen Follower

Join Date:
Oct 2008
Posts:
109
Plugin Contributions:
0

Re: Sidebox Border Missing in Firefox

Hi haredo

Added the extra margin suggested (with left sidebox width set back to 150px) but the border only appeared at the top of the main category images. There was no change to the product listing pages etc.

Thanks

14 Apr 2009, 5:07 AM
#8
tony_sar avatar

tony_sar

Totally Zenned

Join Date:
Jul 2006
Location:
Montreal, Canada
Posts:
2,276
Plugin Contributions:
0

Re: Sidebox Border Missing in Firefox

in your stylesheet.css locate this rule

.sideBoxContent {stylesheet.css (line 720)
background-color:#FFFFFF;
font-size:90%;
padding:0.4em;
}

remove padding .

also

there is a second left column option that is also 150 px , change that to 149px .. that should fix your breadcrumb ..

14 Apr 2009, 5:39 AM
#9
craig_robbo avatar

craig_robbo

Zen Follower

Join Date:
Oct 2008
Posts:
109
Plugin Contributions:
0

Re: Sidebox Border Missing in Firefox

Hi Tony

I tried removing the padding as suggested but this just removed the padding around the better categories text highlights in the sideboxes.

Also I couldn't find the second left column option in my stylesheet. I tried pasting ".leftBoxContainer {
width: 149px;
}" without any success.

Sorry about all of this, i'm nearly at the end but my stylesheet's probably one big mess!

Thanks again

14 Apr 2009, 9:04 AM
#10
tony_sar avatar

tony_sar

Totally Zenned

Join Date:
Jul 2006
Location:
Montreal, Canada
Posts:
2,276
Plugin Contributions:
0

Re: Sidebox Border Missing in Firefox

sorry , disregard those .. my mind plays trick on me when i don't sleep for days. :unsure:

16 Apr 2009, 1:50 AM
#11
craig_robbo avatar

craig_robbo

Zen Follower

Join Date:
Oct 2008
Posts:
109
Plugin Contributions:
0

Re: Sidebox Border Missing in Firefox

Hi

I'm still struggling with this - I still cant work out how to get rid of the gap in the sidebox or breadcrumb.

Any ideas?

Thanks

17 Apr 2009, 12:17 AM
#12
tony_sar avatar

tony_sar

Totally Zenned

Join Date:
Jul 2006
Location:
Montreal, Canada
Posts:
2,276
Plugin Contributions:
0

Re: Sidebox Border Missing in Firefox

sorry for delay , had to rethink the solution ..
change
Column Width - Left from 155px back to 150px.

then change.
Column Width - Left Boxes from 150px to 152px.

i really hope this one works ,as it dose when im changing those values remotely :smile:

17 Apr 2009, 3:50 AM
#13
craig_robbo avatar

craig_robbo

Zen Follower

Join Date:
Oct 2008
Posts:
109
Plugin Contributions:
0

Re: Sidebox Border Missing in Firefox

Hey mate, hope you caught up on those zzz's.

I made the changes, the gaps are gone but so has the border again.

Let me know if you can think of anything else

Cheers

Craig

18 Apr 2009, 1:00 AM
#14
tony_sar avatar

tony_sar

Totally Zenned

Join Date:
Jul 2006
Location:
Montreal, Canada
Posts:
2,276
Plugin Contributions:
0

Re: Sidebox Border Missing in Firefox

what about changing those values again :smile:

change
Column Width - Left from 150px back to 154px.

then change.
Column Width - Left Boxes from 155px to 150px.

there is something i can not put my finger on ..if this wont work then im kinda out of ideas.. as doing so remotely works ..

18 Apr 2009, 3:53 AM
#15
craig_robbo avatar

craig_robbo

Zen Follower

Join Date:
Oct 2008
Posts:
109
Plugin Contributions:
0

Re: Sidebox Border Missing in Firefox

:smile:Yes that worked. Left a 1 px line on the outside of the left sidebox that fixed by setting navColumnOne margn to 0. Played around and ended up with Column Width Left set to 152px and Left Boxes set to 150px.

Only trouble is now my logo header is 2px short in Firefox now - there's 2 px wrong somewhere but i cant find it.

Thanks a heap:bigups: