Different text spacing in IE than other browsers

[rubyfruit]

Hi,

I've just added a Biography to my site and the spacing looks perfect in Opera and Firefox, but IE 5 spreads the text out so that it goes beyond the bottom of the page. What is the best way of dealing with/preventing this?

Also, and this is something I've struggled with for ages, the artist's name fits nicely in the navigation column in Opera and Firefox but goes onto 2 lines in IE5. I've tried removing the first name, but it still doesn't fit - the only way I can get it to work is to reduce the font to a size that is too small to read easily.


This is the site.


Any ideas on how I can overcome these probs with IE would be gratefully received, as I'm completely stuck.

Thanks.

Ruby

[MikeHopley]

My advice: don't waste your time on this.

Hardly anyone uses IE5. It's a dead browser.

[rubyfruit]

The artist's name spacing problem exists in ie7 as well. I've only got ie5 so I can't check the spacing of the biography at the moment, but suspect it may be the same. It it a general IE thing, and is there a work around?

[MikeHopley]

Originally Posted by rubyfruit22

The artist's name spacing problem exists in ie7 as well. I've only got ie5 so I can't check the spacing of the biography at the moment, but suspect it may be the same. It it a general IE thing, and is there a work around?

Um...

You really need to get newer versions of IE. You should be testing in IE6 and IE7, which account for about 80% market share.

Each version has its own set of bugs, although some are common to all.

[dab42pat]

This website may be of use to you.

http://tredosoft.com/Multiple_IE

Cheers

Pat

[rubyfruit]

Hi,

Thank you for the advice. I have embraced change and updated to IE 7 (finally!). This sorts out the problem with the artist's name but the spacing of the biography is still a problem. As mentioned above, the text fits perfectly on the page in Opera and Firefox, but not in IE. I've validated my coding, but still can't find the reason.

Thanks, Ruby

[dab42pat]

You have a parse error in your CSS.

Parse Error - html, body { margin: 0; padding: 0; background-color: white; color: black; font-size: 100.01%; font-family: sans-serif; }.

Try fixing the error, it may solve your problem.

Pat

[rubyfruit]

Ah - I thought I could escape without the parse error causing any problems, but you're right - it does need fixing. I've had it for several months and still can't work out how to fix the error. This is my first coded site.

Any ideas on how to solve the error? I've tried taking out the .01 and putting in px after the margin and padding 0's, and re-ordering the coding - but none of these seem to make any difference so bar the ordering I've reverted to the original.

Thanks you.

Ruby

[MikeHopley]

Why do you want the font-size at 100.01%? Why not just 100%?

[rubyfruit]

I started using 100.01% because of this thread http://www.webforumz.com/css-forum/8...-font-size.htm

But having re-read the thread, I could probably revert to 100%. However despite changing it I've still got my parse error...

[MikeHopley]

Originally Posted by rubyfruit22

I started using 100.01% because of this thread http://www.webforumz.com/css-forum/8...-font-size.htm

But having re-read the thread, I could probably revert to 100%. However despite changing it I've still got my parse error...

I'm curious about your parse error. I think that you've been writing your CSS in a program such as MS Word, and that the validator is choking on an incorrectly encoded character.

You see, it validates fine if I copy and paste the code from your stylesheet!

[dab42pat]

I agree with Mike. there are some strange characters appearing in your html as well.

[rubyfruit]

I never would have thought of that - thank you!

I've been using MS Notepad. Can I ask what other people use? I'm going to have a think and find a different method.

Thank you.

Ruby

[rubyfruit]

I've just found a thread about what programmes to use - so I'll implement and get back to you with the results! Thanks. R

[MikeHopley]

Hmmm. Notepad should be all right, because it's just a text editor (not a word processor like MS Word). Wordpad is not all right.

But if you copied text into it from elsewhere, then perhaps that's causing a problem.

What a mysterious error!

[rubyfruit]

How bizare - I downloaded PSPad and opened the stylesheet in it and resaved it, uploaded it - and it validates! I've done the same with the biography.

One battle won - my CSS validates 100%

However I still have a different spacing in IE7. Should I create a different stylesheet for IE?

Off to re-save all the pages!

Ruby

[dab42pat]

you seem to have two #outer settings in your css.

That may be having some effect.

[rubyfruit]

That was just to help me to see clearly what I was doing as this is my first site - but I have put both the #outer and the #sidebar into one command now.

I've split the commands onto two lines quite a few times - I didn't think it would affect things, but now I'm guessing this not good practice?

Thank you,

Ruby

[spinal007]

I missed the entire conversation but for what it's worth, IE5 is no longer supported by MS.
MS now have a policy of ditching 2 generations old versions of their software.