Weird in IE9

Mags · 02-12-2009, 03:21 PM

I use a customised template that has been happy for years. Recently I changed one of the header graphics. I uploaded the new graphic to my url.../templates/bikes2 folder and then renamed it to overwrite the existing file.
I then edited Index.php so that template_css.css can find it OK.
I replaced two graphics with one new one... and I must have made a mistake somewhere but for the life of me can't figure out what or where!

The new graphic seems to display fine in Mozilla Firefox and earlier versions of IE. But it is blank in IE9....just blank space.....the old graphics used to look fine in all the browsers.

What have I done wrong? Any advice/help would be wonderful

http://invictahog.co.uk

Cheers

Mags

Elpie · 03-12-2009, 07:05 AM

Hi Mags,
I assume you mean this is happening in IE8 - yes?

Without being able to see what you had before you made the changes its a bit hard to know exactly what has gone wrong. So this is just a guess ok?

The new graphic is 396px x 121px.
In your source code the image is set at height="0" width="0". In the CSS its set with:
width:400px;

height:120px;

The inline styles in the source code of index.php override the CSS styling so its very likely that IE is hiding the image because there is no space for it.
Try removing that inline styling and see if that makes a difference.

I also recommend that you fix up the headers in your index.php. At the moment they show this:

Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

This sends a mixed message to the browsers as the first tag sets the document as HTML 4.01 Transitional but the next tag says the document is XHTML.
Since this is based on the waterandstone template you should be using XHTML 1.0 Transitional.
If you fix that header it will help browsers to know how to render the page.

Hope this helps

Mags · 03-12-2009, 10:09 AM

Hey Thanks Elpie....will give this a try and let you know.

Mags · 07-12-2009, 02:19 PM

Elpie - your tips worked a treat

all my template images are back in all their glory and without problem in all my tested browsers.....thanks so much x

02-12-2009, 03:21 PM	#1
Mags Mambo Fan Join Date: Oct 2007 Location: Sussex England Posts: 22	Weird in IE9 I use a customised template that has been happy for years. Recently I changed one of the header graphics. I uploaded the new graphic to my url.../templates/bikes2 folder and then renamed it to overwrite the existing file. I then edited Index.php so that template_css.css can find it OK. I replaced two graphics with one new one... and I must have made a mistake somewhere but for the life of me can't figure out what or where! The new graphic seems to display fine in Mozilla Firefox and earlier versions of IE. But it is blank in IE9....just blank space.....the old graphics used to look fine in all the browsers. What have I done wrong? Any advice/help would be wonderful http://invictahog.co.uk Cheers Mags

03-12-2009, 07:05 AM	#2
Elpie Mambo Guru Forum Admin Join Date: Jul 2006 Location: New Zealand Posts: 10,001	Re: Weird in IE9 Hi Mags, I assume you mean this is happening in IE8 - yes? Without being able to see what you had before you made the changes its a bit hard to know exactly what has gone wrong. So this is just a guess ok? The new graphic is 396px x 121px. In your source code the image is set at height="0" width="0". In the CSS its set with: width:400px; height:120px; The inline styles in the source code of index.php override the CSS styling so its very likely that IE is hiding the image because there is no space for it. Try removing that inline styling and see if that makes a difference. I also recommend that you fix up the headers in your index.php. At the moment they show this: Code: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> This sends a mixed message to the browsers as the first tag sets the document as HTML 4.01 Transitional but the next tag says the document is XHTML. Since this is based on the waterandstone template you should be using XHTML 1.0 Transitional. If you fix that header it will help browsers to know how to render the page. Hope this helps __________________ Mambo Tutorials on:http://lynnepope.net/topics/mambo-tutorials Mambo wiki: http://mambo-manual.org/ Follow me: http://twitter.com/elpie

03-12-2009, 10:09 AM	#3
Mags Mambo Fan Join Date: Oct 2007 Location: Sussex England Posts: 22	Re: Weird in IE9 Hey Thanks Elpie....will give this a try and let you know.

07-12-2009, 02:19 PM	#4
Mags Mambo Fan Join Date: Oct 2007 Location: Sussex England Posts: 22	Re: Weird in IE9 Elpie - your tips worked a treat all my template images are back in all their glory and without problem in all my tested browsers.....thanks so much x

New To Site?	Need Help?
What is Mambo? Forum Rules Register to Participate View Forum Leaders Frequently Asked Questions	Help Us to Help You - Donate Did you forget your password? Mark Forums Read Privacy Statement Contact Us