Why does IE have rendering problems when using a linked stylesheet?
If I put the styles in <style> tags inside the page it works fine but if I put it in an external file it doesn't pick up the background image until you either page down/up or move the mouse over a :hover
Any ideas?Are you using the LINK tag to import the style sheet? Are you giving the BODY a background or the HTML tag one? IE has problems when you give a background to the HTML tag.Yes, a link tag, not an import - I'm not really shure why you would use one over the other anyway.
I had the background image in a 'mainbody' div which comes after a heading div and before a footer div. The mainbody contains two sub-divs, both floated left to make two columns. The image basicly gives the left column a different background that is gradient to the right column.Originally posted by rsd
Yes, a link tag, not an import - I'm not really shure why you would use one over the other anyway.
I had the background image in a 'mainbody' div which comes after a heading div and before a footer div. The mainbody contains two sub-divs, both floated left to make two columns. The image basicly gives the left column a different background that is gradient to the right column.
Depending how you use the quotes in your import rule, you can filter out certain browsers. IE5/Mac doesn't understand it if you use single-quotes in the import rule, Opera trips up on the import rule sometimes (I'm not sure what causes this, though). There is also a version of IE on Windows that doesn't understand the import rule when done a certain way - I think when you use parentheses. I forget, though. Anyway, do you think you could upload an example *.zip file so I can see just how you're doing this?The page is for a client and has proprietary code.
I'll see if I can get a chance to recreate the problem in a sample page this weekend.Okay. Good luck.
If I put the styles in <style> tags inside the page it works fine but if I put it in an external file it doesn't pick up the background image until you either page down/up or move the mouse over a :hover
Any ideas?Are you using the LINK tag to import the style sheet? Are you giving the BODY a background or the HTML tag one? IE has problems when you give a background to the HTML tag.Yes, a link tag, not an import - I'm not really shure why you would use one over the other anyway.
I had the background image in a 'mainbody' div which comes after a heading div and before a footer div. The mainbody contains two sub-divs, both floated left to make two columns. The image basicly gives the left column a different background that is gradient to the right column.Originally posted by rsd
Yes, a link tag, not an import - I'm not really shure why you would use one over the other anyway.
I had the background image in a 'mainbody' div which comes after a heading div and before a footer div. The mainbody contains two sub-divs, both floated left to make two columns. The image basicly gives the left column a different background that is gradient to the right column.
Depending how you use the quotes in your import rule, you can filter out certain browsers. IE5/Mac doesn't understand it if you use single-quotes in the import rule, Opera trips up on the import rule sometimes (I'm not sure what causes this, though). There is also a version of IE on Windows that doesn't understand the import rule when done a certain way - I think when you use parentheses. I forget, though. Anyway, do you think you could upload an example *.zip file so I can see just how you're doing this?The page is for a client and has proprietary code.
I'll see if I can get a chance to recreate the problem in a sample page this weekend.Okay. Good luck.