Firefox / IE difference on the Catalog page

10 replies [Last post]

Wed, 10/17/2007 - 17:57

frankstallone

Offline

Joined: 08/08/2007

Juice: 211

This may be a design question that is not of dire importance however maybe someone has some insight on what is going on here. Oldskool Industries Catalog page moves it's text below the background color in Firefox but not in Internet Explorer. I have tested and tried a few things however I have come up unsuccessful. Now I have no updated to the newest version of Ubercart, I am running Alpha 7C and Drupal 5.2. I just realized there is now Drupal 5.3 as well and I am going to test some upgrade options tomorrow on a sister system for this site.

Anyone have any ideas? Is this possibly something in the design that was fixed in Alpha 7E?

Thu, 10/18/2007 - 09:54

#1 View page

Lyle

Offline

Joined: 08/07/2007

Juice: 6846

Re: Firefox / IE difference on the Catalog page

It's got something to do with the line-height property on the <span> containing the links to the subcategories. I think I've got it cranked down too small for the font size, so the text is spilling over. IE and Firefox are unsurprisingly treating this case differently.

I'll play around with it and see if i can do something better.

Thu, 10/18/2007 - 12:02

#2 View page

frankstallone

Offline

Joined: 08/08/2007

Juice: 211

Re: Re: Firefox / IE difference on the Catalog page

Hmm thats interesting as I too have attempted to override the line-height of the categories there without success so far. I think if I add images to each of those it does the same thing in FF.

Thu, 10/25/2007 - 09:37

#3 View page

frankstallone

Offline

Joined: 08/08/2007

Juice: 211

Keep me posted...

Let me know if you make any discoveries today; I will be updating Drupal, Token and Ubercart on oldskools page. We'll see how well that goes! =D

Fri, 10/26/2007 - 21:46

#4 View page

WesleyTx

Offline

Joined: 09/14/2007

Juice: 89

Re: Keep me posted...

Try looking in the HTML instead. There's an empty div inside each table cell. Remove those and I bet your problem's solved.

Edit: Never mind. Firebug fooled me.

Fri, 10/26/2007 - 21:56

#5 View page

WesleyTx

Offline

Joined: 09/14/2007

Juice: 89

Re: Re: Keep me posted...

OK, think I've got it now. In uc_catalog.css, line 58:

td.category span {
font-size:x-small;
line-height:0.2;
}

Try overriding that element's line-height. (Which should also have a unit, incidentally.)

Mon, 10/29/2007 - 08:32

#6 View page

Lyle

Offline

Joined: 08/07/2007

Juice: 6846

Re: Re: Re: Keep me posted...

I've fiddled with the line-height a bit, and I came up with 1.3em. How well does that work for a default value?

Thu, 11/01/2007 - 10:55

#7 View page

frankstallone

Offline

Joined: 08/08/2007

Juice: 211

Perfect!

Lyle,

1.3em is an absolutely perfect solution. Glad you guys really nailed this issue!

Mon, 02/04/2008 - 09:14

#8 View page

frankstallone

Offline

Joined: 08/08/2007

Juice: 211

rubbing my eyes

So I upgraded Oldskool to Beta 4 (or 3 the jury is still out on this) and it appears the IE/Firefox Catalog box issue came back. Did the new code not get passed along to the new Betas? Or is this an issue with my programming/design (I'll take credit if it is although in IE the page renders fine)?

EDIT: I upgraded the site to Drupal 5.7 and Ubercart Beta 4 (or 3).

Mon, 02/04/2008 - 11:46

#9 View page

Lyle

Offline

Joined: 08/07/2007

Juice: 6846

Re: rubbing my eyes

Must have slipped my mind or something. It's still 0.2. I'll make sure that gets committed this time.

Mon, 02/04/2008 - 18:05

#10 View page

frankstallone

Offline

Joined: 08/08/2007

Juice: 211

Re: Re: rubbing my eyes

Thanks Lyle I appreciate your checking it out. =)

	User login
	Log in using OpenID: What is OpenID? Username or e-mail: * Password: * Remember me Log in using OpenID Cancel OpenID login Create new account Request new password

Ubercart

Navigation

User login