Printable View
If you take a look at my site using chrome or firefox the colours are displayed correctly using a gradient of #333 and #666. However if you use IE 8 & 9 it displays a blue gradient, i know that IE isn't the best for supporting HTML and CSS standards but i would of thought that the colours are at least the same.
Is there away round this without creating a new style sheet and using a conditional statement.
Many Thanks, Chris1990.
Did you know (at least when I viewed the source) there are two head sections and two doctype meta tags, one at the top and one for the DIV Sidebar? One is Traditional the other Strict, I wonder if that could be the issue with IE?
It looks like you've commented-out every instance of the IE6-9 compatible gradient CSS:
Is there a reason for that?Code:/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#666', endColorstr='#333',GradientType=0 ); /* IE6-9*/
kevininstructor - Do you mean within the iframe, will that cause problems?
SambaNeko - I found that was the line causing it to go blue, i'll change it back on the footer so you can see what i mean.
thanks for your replys
Yes (I think as I have not gone back and viewed it), I tend to stay away from frames in favor of setting sections up with CSS but that is simple a personal choice.Quote:
Originally Posted by chris1990
Ah, I see your problem now. Use the full, 6-character hexcodes for the IE gradient styles:Quote:
SambaNeko - I found that was the line causing it to go blue, i'll change it back on the footer so you can see what i mean.
The shorthand versions don't work here; they're being re-interpreted by IE as #000666 and #000333.Code:startColorstr='#666666', endColorstr='#333333'
That is why I do not use shortcut versions. Check out the attachment which was written many moons ago but works fine today for IE. Feel free to make fun at some of my styling too if you likeQuote:
Originally Posted by SambaNeko
Man, that's cool :thumb:Quote:
Originally Posted by kevininstructor
First I tried it in Chrome and it was a disaster. Then tried on IE8. Awesome :wave:
What? No. Shorthand is a good idea; because MS' proprietary junk doesn't support it properly is no reason to eschew it. To use code like in your attached file for anything but sheer novelty would be ridiculous (and it doesn't "work fine" in IE9).Quote:
That is why I do not use shortcut versions.
Yep, it is indeed sheer novelty, not ridiculous to everyone, some will want to mimic it in some fashion or another. In regards to MS proprietary junk... My work is 99% internal web pages with all users working with IE 7 so it works in my enviroinment. Sorry if anything I said was offensive, just putting my thoughts in regards to shortcuts. Like anything in programming there are some that like one method while another likes another.Quote:
Originally Posted by SambaNeko
Not offended, I just think it's bad/faulty to make a negative assertion of shorthand notation because of this.
True, but we can't all depend on a captive audience of IE7-only users. In particular, OP was asking his question in regard to cross-browser testing.Quote:
Like anything in programming there are some that like one method while another likes another.
Thanks SambaNeko.Quote:
Originally Posted by SambaNeko
Chris, you're probably already aware of this but the Instant Quote area falls down to the bottom of the page if the browser window is too narrow.
I know about it thanks, any tips on how to stop it though?Quote:
Originally Posted by penagate
I've set the widths as %'s for the majority of the site, but as the quote area is an iframe i need it to be a certain width and height to show correctly.
Set min-width on the left hand container.