Internet Explorer Sucks

[harrkev]

Grrrr. I can't figure this out...

My wife put together a newsletter for her business (see my sig), and I massaged the HTML to make sure it is OK. It looked awesome in Firefox (and, when e-mailed, with Thunderbird). So, we sent the newsletter out to over 700 people.

Ooooops. It DOES NOT WORK IN INTERNET EXPLORER!!! 🙁 All of the text shows up with black boxes on top of everything in Internet Explorer (and presumably Outlook as well)

I am fairly good at old-fashioned HTML, but am not by any means an expert at CSS. The newsletter was based on a template that my wife found on the web.

Does anybody have any idea why IE is hosing the thing so badly?

Link can be found here:
http://www.covenantspice.com/n...Feb_08/newsletter.html

 

[bwatson283]

QFT



One thing I learned from our webmaster is program it to work in IE and it will not require much extra for FF to run it after you get it to run in IE.

 

[RebateMonger]

The problem lays in the the embedded photographs. Specifically, the -- img class="imgBorder" --- portion. IE doesn't like the border definition in your CSS statements.

This line, for instance:

<img class="imgBorder" src="picture_1.jpg" width="199" hspace="12" vspace="10" align="right" alt="Suring">

Delete the photos and everything is fine. So, that's where I'd start.


Something like this works:

<img border="5" src="picture_1.jpb" width="199" vheight="199" align="right" alt="Suring" height="169" hspace="12" vspace="10">

 

[harrkev]

Originally posted by: RebateMonger
Something like this works:

<img border="5" src="picture_1.jpb" width="199" vheight="199" align="right" alt="Suring" height="169" hspace="12" vspace="10">

Thanks. I will try that when I get home.

If you don't mind one more question...

Is this a case of the newsletter using a Firefox-only feature, or is this a case of IE not supporting the full CSS standard?

 

[drebo]

IE7 is far more standards-compliant than the current version of Firefox 2. This wasn't always the case, but currently it is.

This is a case of the newsletter being written to work in only a single browser...or a case of the author not adhering to standards.

 

[JackMDS]

It is very easy to do things without careful preparation and then blame others.

Anything that I do concerning the Internet I always check with both IE and FF.

And I do not mean FF with IE tab, but both pure IE6 and IE7.

It is not under Microsoft or Mozllia Control what other software vendors decide to do with their products.

 

[Nothinman]

It is not under Microsoft or Mozllia Control what other software vendors decide to do with thier products.

But it is under their control to ensure that their products follow available standards, something neither side has been particularly great at doing.

 

[harrkev]

Originally posted by: RebateMonger
The problem lays in the the embedded photographs. Specifically, the -- img class="imgBorder" --- portion. IE doesn't like the border definition in your CSS statements.

This line, for instance:

<img class="imgBorder" src="picture_1.jpg" width="199" hspace="12" vspace="10" align="right" alt="Suring">

Delete the photos and everything is fine. So, that's where I'd start.


Something like this works:

<img border="5" src="picture_1.jpb" width="199" vheight="199" align="right" alt="Suring" height="169" hspace="12" vspace="10">

Thanks. That fixed. I also discovered that my wife completely hosed the size attributes of the IMG tag. Amazing the things you miss when it is late and you are tired.