PDA

View Full Version : Another "Not working in IE" post - backgroun-image

samuurai
08-06-2008, 02:34 PM
Hi Guys,

I've got an issue with IE not displaying a background-image properly, but it works in firefox

can someone please give me a hand, i've been googling for hours!!!

It's the sides that aren't working.. the background is repeat-y and inside a td.

Here's the URL: http://www.aquacouture.co.uk/email/tmp.php?makeemail=yes&photodir=June_08
abduraooft
08-06-2008, 02:48 PM
can someone please give me a hand, i've been googling for hours!!!
Googling or asking on forums works only after fixing all errors in your markup, see
http://validator.w3.org/check?uri=http%3A%2F%2Fwww.aquacouture.co.uk%2Femail%2Ftmp.php%3Fmakeemail%3Dyes%26photodir%3DJune_0 8&charset=%28detect+automatically%29&doctype=Inline&group=0
jcdevelopment
08-06-2008, 02:52 PM
try this out and let me know if that works for you


.left {
height: 1px;
width: 21px;
padding-left:13px;
background-position: top left;
background-image: url('http://www.aquacouture.co.uk/email/images/left.jpg');
background-repeat: repeat;
}
.right {
height: 1px;
width: 21px;
padding-right:13px;
background-position: top right;
background-image: url('http://www.aquacouture.co.uk/email/images/right.jpg');
background-repeat: repeat;
}
samuurai
08-06-2008, 03:15 PM
try this out and let me know if that works

Thanks! It fixed the right-hand side, but the left isn't displaying.

also, without repeat-y tmp.php (without get variables) displays funny.
jcdevelopment
08-06-2008, 03:21 PM
i would say go ahead and validate like abduraooft suggested. then see what happens then.
samuurai
08-06-2008, 03:56 PM
Googling or asking on forums works only after fixing all errors in your markup

Wow! I just found out how much I suck at HTML!
jcdevelopment
08-06-2008, 04:07 PM
Wow! I just found out how much I suck at HTML!

Well it happens, i wouldnt worry about it. My suggestion though, is to always validate a site if you have a problem. Then if you cant fix it after that then try google or a good forum, like this one. More than likely everyone here will tell you to validate any mistakes if possible. Also its good practice. Good luck!
samuurai
08-06-2008, 04:23 PM
Yeah, 1700 errors is a bit nuts though :)

I'm actually writing this script to generate code which will be sent out in our monthly newsletter...

I'm avoiding using div's which some email clients don't like so the validator is failing with elements that should be enclosed in divs. i've tried strict and loose documenttypes.. do you know which one I could use for more old-school html? :)
jcdevelopment
08-06-2008, 04:31 PM
not too sure about old school. I know that i had to build an HTML template for craigs list a while back to generate code. the problem was that they only allow the basic's of html. So i just ignored any doctype or standard. It worked though.

Just try this one and see what errors you get with it

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
samuurai
08-06-2008, 04:57 PM
try this out and let me know if that works for you


.left {
height: 1px;
width: 21px;
padding-left:13px;
background-position: top left;
background-image: url('http://www.aquacouture.co.uk/email/images/left.jpg');
background-repeat: repeat;
}
.right {
height: 1px;
width: 21px;
padding-right:13px;
background-position: top right;
background-image: url('http://www.aquacouture.co.uk/email/images/right.jpg');
background-repeat: repeat;
}


This worked.... After I tidied up my html :) Thanks a lot!!