[RESOLVED] HTML and CSS with IE8&9
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.
Re: HTML and CSS with IE8&9
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?
Re: HTML and CSS with IE8&9
It looks like you've commented-out every instance of the IE6-9 compatible gradient CSS:
Code:
/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#666', endColorstr='#333',GradientType=0 ); /* IE6-9*/
Is there a reason for that?
Re: HTML and CSS with IE8&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
Re: HTML and CSS with IE8&9
Quote:
Originally Posted by
chris1990
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.
Re: HTML and CSS with IE8&9
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.
Ah, I see your problem now. Use the full, 6-character hexcodes for the IE gradient styles:
Code:
startColorstr='#666666', endColorstr='#333333'
The shorthand versions don't work here; they're being re-interpreted by IE as #000666 and #000333.
1 Attachment(s)
Re: HTML and CSS with IE8&9
Quote:
Originally Posted by
SambaNeko
Ah, I see your problem now. Use the full, 6-character hexcodes for the IE gradient styles:
Code:
startColorstr='#666666', endColorstr='#333333'
The shorthand versions don't work here; they're being re-interpreted by IE as #000666 and #000333.
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 like
Re: HTML and CSS with IE8&9
Quote:
Originally Posted by
kevininstructor
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 like
Man, that's cool :thumb:
First I tried it in Chrome and it was a disaster. Then tried on IE8. Awesome :wave:
Re: HTML and CSS with IE8&9
Quote:
That is why I do not use shortcut versions.
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).
Re: HTML and CSS with IE8&9
Quote:
Originally Posted by
SambaNeko
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).
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.
Re: HTML and CSS with IE8&9
Not offended, I just think it's bad/faulty to make a negative assertion of shorthand notation because of this.
Quote:
Like anything in programming there are some that like one method while another likes another.
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.
Re: HTML and CSS with IE8&9
Quote:
Originally Posted by
SambaNeko
Ah, I see your problem now. Use the full, 6-character hexcodes for the IE gradient styles:
Code:
startColorstr='#666666', endColorstr='#333333'
The shorthand versions don't work here; they're being re-interpreted by IE as #000666 and #000333.
Thanks SambaNeko.
Re: [RESOLVED] HTML and CSS with IE8&9
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.
Re: [RESOLVED] HTML and CSS with IE8&9
Quote:
Originally Posted by
penagate
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?
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.
Re: [RESOLVED] HTML and CSS with IE8&9
Set min-width on the left hand container.