IE coding help please

[ditosmom]

I see that post on this board frequently go unanswered, but I thought I would give it a shot. I make custom layouts on neo and have never had any problems with MOST users. However, recently I have had a couple request and have discovered that the coding is not completely compatible with IE.

 

Are there any little tricks or fixes to solve this problem ? or is it an individual basis. Here is one example I am working on.

 

Gallery layout for someone ..... in chrome, safari and firefox you can see the background (the pink polka dots with strawberries) .... but in IE, you just see grey along the sides.

 

Anyone have any ideas ????

 

Thanks!!!

 

okay ... duh !! didn't put the link in ..... sorry about that ... here it is

 

http://www.neopets.com/gallery/index.phtml?gu=redbirds_fan

 

This post has been edited by a member of staff (Stephé) because of a violation of the forum rules.

Please do not double post. Use the edit button instead.

Please check your user inbox to see if you have been contacted regarding this incident, then review our rules.

[Xepha]

You could consider splitting the background css up, instead of grouping it and see if it works better. Or host your picture somewhere else (Tinypic for example) and see if it's still blocked in IE.

 

Be sure to check compatibility in all the IE versions that you care about, too.

[Mimii]

The layout isn't centered right, either. ;( Can you please post the CSS here or PM it to me? It will be a lot easier to diagnose with the coding.

 

Also to see what your layout will look like in other browsers, go to http://browsershots.org . I always go there when I am coding a new layout. :)

 

You could consider splitting the background css up, instead of grouping it and see if it works better. Or host your picture somewhere else (Tinypic for example) and see if it's still blocked in IE.

 

Is she using CSS shorthand? (E.g. background: #FFF url(image.gif) repeat-y;) If so that doesn't change in Internet Explorer. I don't know if Neopets does something the shorthand, though. Shorthand works in everything I've tried on Neo.

 

Ok, edit: I see what Xepha meant about spacing it out. That shouldn't have an effect on it though. ;( I looked and found the coding and it's kinda jumbled. XD It doesn't seem to be wrong in any way so perhaps what Xepha suggested about another host would be a good idea to try.

[lily22]

Hullo! That's a lovely layout, but it would look even better if you could get a clearer (less fuzzy?) image for the background. If you have the original, I can try resizing it for you in Photoshop, but I'm really not expert on web design.

 

Anyway, I did some testing, and it looks like you're a bit confused about your background tag. You can either state each property explicitly, like so

 

body{
background-image:url('http://img29.imageshack.us/img29/7996/60735795.png'); 
attachment:fixed;
background-repeat:repeat;
background-position:left
}

or combine them all together

 

body{background:url('http://img29.imageshack.us/img29/7996/60735795.png') fixed repeat left}

but right now you have a combination of the two. Try one or the other, and you should be golden.

[ditosmom]

THANK YOU SO MUCH !!! running off to try it now!

 

Yes, I am self taught on coding, and learned most by trial and error so I am certain a good portion of my coding isn't exactly "correct" :D

 

But I try and just keep on learning :)

[lily22]

Please let me know if it's still not working for you! :)

 

And there are a lot of neat resources out there. My favorite is w3schools.com; they're very clear and very thorough, and you can test bits of code right there on the site.

[ditosmom]

It did work! very exciting :D Thanks for the link, I'm going to check that out as well!!

 

Thank you SO MUCH for your help and advice!

 

This topic has been edited by a member of staff (Stephé).

The original topic had been answered.

Please check your user inbox to see if you have been contacted regarding this topic.

Per the reason above, this topic has been LOCKED. Please contact Stephé if you have any questions regarding this action.