Display problem in Firefox (but ok in IE)

theMAD2 · 21 Apr 2006 at 14:34

I can't get my head around this one

(link removed)

I've recently changed the buttons so that they are in a list, and it all works fine in IE, just not in Firefox. Any help appreciated

unwashed potato! · 21 Apr 2006 at 14:49

as far as i can see it is exaclty the same in both IE and firefox, also seems fine in Opera :S

theMAD2 · 21 Apr 2006 at 14:52

That's odd, just cleared the cache but it's still wrong. What version of FF you running? I'm on 1.5.0.2

red11 · 21 Apr 2006 at 15:27

Firefox 1.5.0.2

Works fine in Internet Explorer. I'll have a look at the code for you and see if I can spot the problem. But I always get randoms things like this happening whenever I test a website I've done in Firefox and Internet Explorer.

theMAD2 · 21 Apr 2006 at 15:35

Thanks mate. The only thing I can think of is it's something to do with the list, as it was fine before when I just has a list of <a> tags with the ids attached. Whyyyyyy on a Friday

theMAD2 · 21 Apr 2006 at 15:44

I've sorted it, don't ask how

NOBODY MOVE! One of the paddings was padding-top instead of padding and that caused it , how v odd! Thanks for looking everyone

red11 · 21 Apr 2006 at 15:48

Glad you got it sorted, I really like the site, it's fresh, the style is really good and the colours are perfect, they all compliment each other.

theMAD2 · 21 Apr 2006 at 15:55

Thanks mate

Really appreciate the feedback!

On another subject, do you think I should leave the header as an image or leave the pictures and actually make the text (company name and strapline) proper text which I position under the pictures? Just thinking to think about standards.

red11 · 21 Apr 2006 at 16:18

theMAD2 said:
Thanks mate Really appreciate the feedback!

On another subject, do you think I should leave the header as an image or leave the pictures and actually make the text (company name and strapline) proper text which I position under the pictures? Just thinking to think about standards.

Personally I would base that decision on the font. If the font used for the header image is a font that most people have on their computers then I would consider changing it to text. It would also load quicker, but very marginally though, I'm sure that image isn't that big. If it's a font that you've paid for and not really widespread, keep the image.

theMAD2 · 21 Apr 2006 at 16:30

I've gone for the font option as it's Century Gothic, I hope everyone's got that

red11 · 21 Apr 2006 at 16:34

Yep, I'm 99% certain that it comes standard with Windows.

Augmented · 21 Apr 2006 at 16:45

theMAD2 said:
[...] actually make the text (company name and strapline) proper text which I position under the pictures? Just thinking to think about standards.

Yes, that's the most accessible and modern method for implementing headers and other such instances where you want to use some heavily styled text, but still retain it as actual content in the document.

Use an image-replacement technique as outlined in these threads:
http://forums.overclockers.co.uk/showthread.php?t=17548783
http://forums.overclockers.co.uk/showthread.php?t=17558050

Or alternatively look into using sIFR if you simply want to use a specific non-'web safe' font for page elements like headings. I'm currently using Linux and I don't have Century Gothic available.

theMAD2 · 21 Apr 2006 at 16:52

lol, the second link is one I started, small world

I've managed to get around that original problem by adding a span to the text in the div and setting the span display:none; The text indent option did work, but got some weird problems in older firefox versions. Thanks for the advice everyone, I'm getting there slowly! Have a good weekend all!