Huge buttons in ie

[alexrpaul]

Hi,

I know I am probably missing something rather obvious but I have just realised that my buttons in IE are huge compared to how they are in Mozilla, netscape or safari

It is particurlaly bad on this page http://www.leonpaul.com/acatalog/Sho..._76.html#a29CW where I am testing a means of putting 4 seperate additional info buttons on one of the products.

My font is also bigger than it is in other browsers

Can anyone help?

[TraceyHand]

they all look the same to me!
I checked Firefox, IE6 and IE7

A screenshot of what you're seeing might help

[alexrpaul]

How strange!

I am using IE 7.05 and I get:



Where you can see the buttons are huge and have shunted the image over to the left under the norcascade menu. Rather than this:



Where the fonts and buttons are smaller. I thought I may have zoomed by pressing ctrl and using the scroll wheel but I checked and I haven't. I also checked it on a computer running IE 6 and it is the same.

[leehack]

View - Text Size - Medium?

[alexrpaul]

View - Text Size - Medium?

It is set to medium which I guess is the norm?

When I make it bigger or smaller the text changes size but the buttons stay "my first button" size!

Good call though, I didn't even know that was there!

[Rich Brady]

What about Page (Dropdown) - Zoom - 100% ?

[alexrpaul]

What about Page (Dropdown) - Zoom - 100% ?

I think that this is the same as holding ctrl and rolling the mouse wheel. Unfortunately I am already set to 100%

The images in the whole page are the correct size so I think that all that is wrong are either the fonts and this is effecting the buttons or it maty be the buttons themselves rendering incorrectly...

[Paragon]

Form buttons are rendered differently by IE
Are you using CSS (stylesheets) to define button sizes?
Use percentages instead of x-small etc to set button sizes

[dallen]

you have a lot of <font> tags in your code.
some of them are declaring <font size="2">, some are declaring <font size="-1"> or <font size="+1"> and some are declaring <font face=arial size=-1> (no quotes).

you need some consistency and be aware that not all browsers & versions will treat them the same. I believe that's why you are seeing what you are seeing...

/edit - more precisely, font tags within font tags - as you are declaring -1, +1 within nested font tags, then closing one and starting another... i got lost trying to follow it through! Change them all so they are consistent and it should help you pinpoint the problem (maybe!)

[alexrpaul]

I will give it a try! The site has been a bit of an evolutiion and as such the templates have become a bit... messy shall we say.

When I want to make something bold I just dive in and shove in another <font> tag!

Thanks for the suggestions I will try a spring clean!

Alex

[leehack]

Don't use the font tag anymore (Jont will throw rotten toms at you), strip them all out for starters and replace with CSS styling, that should clear quite a bit out for you.

[alexrpaul]

But I know how the font tag works (sort of).

I have never really spent time to get familiar with CSS and at 30 I think I may be too old

[leehack]

But I know how the font tag works (sort of).

Clearly not i'm afraid lol .

If you strip out all font tags across the whole site, i bet you the site will look hardly any different. At 30 i think you will be fine, just scraping in before the door slams firmly shut.

[Duncan Rounding]

...At 30 i think you will be fine, just scraping in before the door slams firmly shut.

And at watch age does that happen then?

The youngsters of today - I don't know...

[jont]

Don't use the font tag anymore

Zoiks

It really is worth the time to learn CSS as it will save you hours of work and create cleaner, faster loading pages.