• Toll-free  888-665-8637
  • International  +1 717-220-0012
Welcome Guest! To enable all features please Login or Register.

Notification

Icon
Error

CGrouse
#1 Posted : Wednesday, November 1, 2006 12:11:43 PM(UTC)
CGrouse

Rank: Member

Joined: 6/4/2004(UTC)
Posts: 291

The small images I'm using are 125x125.


In Firefox and IE6, they display perfectly fine.



However, in IE7, the images go overtop of the text below.



Any thoughts as to why that is and what I can do to fix that?
Thanks,


Christopher
Cliff
#2 Posted : Wednesday, November 1, 2006 12:52:52 PM(UTC)
Cliff

Rank: Member

Joined: 5/24/2004(UTC)
Posts: 4,147

Are these on your category pages? Check your CSS.
CGrouse
#3 Posted : Wednesday, November 1, 2006 1:48:22 PM(UTC)
CGrouse

Rank: Member

Joined: 6/4/2004(UTC)
Posts: 291

Both categories and products. (It doesn't matter.)

If it was in the CSS, why would it be fine in IE6 & Firefox?

I have looked into it, but I haven't run across anything yet.
Thanks,


Christopher
Cliff
#4 Posted : Wednesday, November 1, 2006 2:07:37 PM(UTC)
Cliff

Rank: Member

Joined: 5/24/2004(UTC)
Posts: 4,147

Because IE7 renders certain CSS differently than other browsers. Do you have a link?
Cliff
#5 Posted : Wednesday, November 1, 2006 4:18:53 PM(UTC)
Cliff

Rank: Member

Joined: 5/24/2004(UTC)
Posts: 4,147

Thanks for the link.

Yes, this is a CSS issue. The issue is there in Firefox, but IE7 is treating the z-index differently and placing the image on top of your text, instead of underneath, which is why you're seeing the difference.

Look for this in your stylesheet:
Code:
.recordimage {margin:0 auto 0 auto;[b]width:120px;height:120px;[/b]background-image:url(../images/ImgBgSm.png);background-repeat:no-repeat;}

You'll want to adjust the width and height to accommodate your new image size. In this case, I'd say do something like 130px or even 135px, and that should take care of your issue.

There are other options here, and you don't really need to set the width and height in your design since your images seem to be the same ratio across the board, but whatever you're most comfortable with.

On a side note, you need to revisit the font sizing in your category menu.
CGrouse
#6 Posted : Wednesday, November 1, 2006 9:32:03 PM(UTC)
CGrouse

Rank: Member

Joined: 6/4/2004(UTC)
Posts: 291

Cliff: On a side note, you need to revisit the font sizing in your category menu.

Too Small ?
Thanks,


Christopher
Cliff
#7 Posted : Wednesday, November 1, 2006 10:14:50 PM(UTC)
Cliff

Rank: Member

Joined: 5/24/2004(UTC)
Posts: 4,147

Yes, specifically in Firefox. Looks like you're inheriting a size percentage somewhere, maybe. Not sure, just glanced at it, but that's what came to mind.
CGrouse
#8 Posted : Thursday, November 2, 2006 3:31:32 PM(UTC)
CGrouse

Rank: Member

Joined: 6/4/2004(UTC)
Posts: 291

Dude, what would this forum be without you!!!!!


I changed to 135x 135 and they look great.


Thanks



Chris
Thanks,


Christopher
Cliff
#9 Posted : Thursday, November 2, 2006 3:40:36 PM(UTC)
Cliff

Rank: Member

Joined: 5/24/2004(UTC)
Posts: 4,147

Heheh, it would probably make a lot more sense. ;-) No problem.
Forum Jump  
You cannot post new topics in this forum.
You cannot reply to topics in this forum.
You cannot delete your posts in this forum.
You cannot edit your posts in this forum.
You cannot create polls in this forum.
You cannot vote in polls in this forum.

©2024 Develisys. All rights reserved.
  • Toll-free  888-665-8637
  • International  +1 717-220-0012