Help!? My site looks awful in I.E. but fine anywhere else

[Andrew Collier]

Hi,

I'm having some problems making my site look correct; there are several
problems when Internet Explorer on Windows tries to render it, even
though it is working fine with other browsers (Firefox and Safari, for
example, even Internet Explorer on MacOS gets it just about right).

If anyone can help me change my html or stylesheet to help keep I.E.
happy (without it breaking for other browsers...) then I'd be grateful.

My site uses c.s.s. and several .png image files; some of the div ids
are different between I.E. and elsewhere so that a) I can avoid the use
of position:fixed which I.E. doesn't support, and b) I can use the
filterrogidXImageTransform.Microsoft.AlphaImageLoader to load png
image files with a proper alpha channel, since I.E. does not support
this natively.

http://www.intensity.org.uk/

- below the top banner, and the the right of the sidebar, I.E. seems to
be loading the wrong images. It should look like this:
http://www.intensity.org.uk/images/shadowexample.jpg

http://www.intensity.org.uk/samcoupe

- this is the strangest one, entire paragraphs of text don't get
displayed reliably. If you mouseover a link, it will appear. If you
select the text, it will appear. If you scroll down the page and back up
again, text will appear where the window gets redrawn. By resizing the
window you can make text appear and disappear again. I don't understand
this at all.

- the diamond-shaped logo in the top left corner is suppoed to be an
image-map link. Unfortunately I have to use AlphaImageLoader to get the
..PNG image to display properly, that means I have to wrap either a <div>
or <span> round the image, and when I do that the image map underneath
gets ignored.

The same effect, only worse, can be seen in the circular "up" button on
pages such as:
http://www.intensity.org.uk/image.php?i=images/monsters.jpg

Thanks for any input. An email copy of your replies would be appreciated.


Cheers,

Andrew

 

[C. A. Upsdell]

Hi,

I'm having some problems making my site look correct; there are several
problems when Internet Explorer on Windows tries to render it, even
though it is working fine with other browsers (Firefox and Safari, for
example, even Internet Explorer on MacOS gets it just about right).

If anyone can help me change my html or stylesheet to help keep I.E.
happy (without it breaking for other browsers...) then I'd be grateful.

My site uses c.s.s. and several .png image files; some of the div ids
are different between I.E. and elsewhere so that a) I can avoid the use
of position:fixed which I.E. doesn't support, and b) I can use the
filterrogidXImageTransform.Microsoft.AlphaImageLoader to load png
image files with a proper alpha channel, since I.E. does not support
this natively.

http://www.intensity.org.uk/

As a first step, validate the page and get rid of the HTML and CSS errors.

 

[Andrew Collier]

As a first step, validate the page and get rid of the HTML and CSS errors.

As far as I'm aware, just about the only validation errors are the
I.E.-specific code I've had to put in to get to to load .PNG images.
(The css validator seems to get confused because
filterrogidXImageTransform has two colons in it)

See http://www.alistapart.com/articles/cssdrop2/ for example.

Andrew

 

[Guest]

Hi Andrew,
I took a look at http://www.intensity.org.uk/samcoupe. Try using the
"background-color:" property instead of the shorthand property
("background:") where you only specify a color.

Example: (intensisty.css)
background: transparent --> background-color: transparent

This change might fix other parts of your site as well.

Per MSDN, the shorthand property should accept transparent as a valid value.
I will investigate this issue further on our end.

http://msdn.microsoft.com/workshop/author/dhtml/reference/properties/background_0.asp

Alex Scott [MSFT]

This posting is provided "AS IS" with no warranties, and confers no rights.

 

[Andrew Collier]

background: transparent --> background-color: transparent

This change might fix other parts of your site as well.

Per MSDN, the shorthand property should accept transparent as a valid value.
I will investigate this issue further on our end.

Hi,

Thanks, that fixed the disappearing text issue (no apparent effect on
the others though).

Cheers,

Andrew

 

[Guest]

Andrew,
If you provide a reduced example of any problem, I'd be more than happy
to take a look. As far as I can tell, the layout for Internet Explorer just
needs to be tweaked a little.

Alex Scott [MSFT]

This posting is provided "AS IS" with no warranties, and confers no rights.