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.
If your question is answered then mark your thread RESOLVED and give credit to whoever answered it.
If you fail, try and try again, its the only way to success.
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?
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.
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
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
First I tried it in Chrome and it was a disaster. Then tried on IE8. Awesome
If my post was helpful to you, then express your gratitude using Rate this Post.
And if your problem is SOLVED, then please Mark the Thread as RESOLVED (see it in action - video) My system: AMD FX 6100, Gigabyte Motherboard, 8 GB Crossair Vengance, Cooler Master 450W Thunder PSU, 1.4 TB HDD, 18.5" TFT(Wide), Antec V1 Cabinet Social Group:VBForums - Developers from India
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).
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.
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.
If your question is answered then mark your thread RESOLVED and give credit to whoever answered it.
If you fail, try and try again, its the only way to success.
[RESOLVED] HTML and CSS with IE8&9
mark your thread RESOLVED and give credit to whoever answered it.
Reply With Quote
Originally Posted by chris1990
