Re: [css-d] background-color : transparent; showing up as white in ie6 7 and AOL 9.1
Hello, What's this about? Hex code for transparency? I like the sound of this but it's the first I have heard I notice you have put 'rgba' is that for alpha? Can I have opaque colours too? On 26/07/2009, at 9:52 AM, Philippe Wittenbergh wrote: On Jul 26, 2009, at 3:09 AM, Sandy wrote: I didn't realize that there is a colour code for transparent! Do you happen to know the hex? http://www.w3.org/TR/css3-color/#transparent It cannot be translated to hex (hex cannot express transparency). As the spec mentions, it is functionally equivalent to (and has a computed value of) rgba(0,0,0,0). Philippe --- Philippe Wittenbergh http://l-c-n.com/ __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] background-color : transparent; showing up as white in ie6 7 and AOL 9.1
On Jul 26, 2009, at 4:12 PM, Chris Blake wrote: What's this about? Hex code for transparency? I like the sound of this but it's the first I have heard I notice you have put 'rgba' is that for alpha? Can I have opaque colours too? of course: p {background: rgba(0,0,0,.8); color: rgba(255,255,255,1);} 0 is fully transparent, 1 is fully opaque. the 'a' in rgba means alpha- channel (transparency) http://www.w3.org/TR/css3-color/#rgba-color doesn't work in IE 6, 7 8, though. PS - bottom posting, please Philippe --- Philippe Wittenbergh http://l-c-n.com/ __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] background-color : transparent; showing up as white in ie6 7 and AOL 9.1
On Jul 26, 2009, at 6:13 PM, lodewijk andré de la porte wrote: What's this about? Hex code for transparency? I like the sound of this but it's the first I have heard I notice you have put 'rgba' is that for alpha? Can I have opaque colours too? of course: p {background: rgba(0,0,0,.8); color: rgba(255,255,255,1);} 0 is fully transparent, 1 is fully opaque. the 'a' in rgba means alpha- channel (transparency) http://www.w3.org/TR/css3-color/#rgba-color doesn't work in IE 6, 7 8, though. Doesn't the keyword transparent ring any bells? just saying background: transparent; should work in any browser. IE 6 (and to a lesser extend IE 7) has (very) limited support for that keyword anyway. p {border: medium solid transparent;} gives interesting effects in those browsers (should work in IE 7, but I saw it doing something stupid recently; don't remember the exact context though. Philippe --- Philippe Wittenbergh http://l-c-n.com/ __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] background-color : transparent; showing up as white in ie6 7 and AOL 9.1
http://www.uoguelph.ca/mcb/test/index.shtml http://www.uoguelph.ca/mcb/test/css/mcb2009.css http://www.uoguelph.ca/mcb/test/css/ie6-hacks.css http://www.uoguelph.ca/mcb/test/css/ie7-hacks.css One problem remains, as far as I can see - that's the white border on the #globalnav. I think that is due to the border: transparent ... on the 'a' selector. IE 6 does not understand this. I suggest using the color code instead. David, thank you for checking back in. I was sort of getting set to stop worrying about this thing in ie6 - it pretty much is there in that browser, and, well, you know - but if I can fix that issue that would be great. I didn't realize that there is a colour code for transparent! Do you happen to know the hex? P.S. Your #footer is 100% wide plus 20px of padding, throwing a horizontal scrollbar. I don't think you need that width, unless older IE needs 'hasLayout' ack. It was a vestigial width, like an appendix, left over from earlier messing around with the look. I took it out. I appreciate you finding that. Thanks for your help, and for being another set of eyes on this, Sandy __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] background-color : transparent; showing up as white in ie6 7 and AOL 9.1
On Jul 26, 2009, at 3:09 AM, Sandy wrote: I didn't realize that there is a colour code for transparent! Do you happen to know the hex? http://www.w3.org/TR/css3-color/#transparent It cannot be translated to hex (hex cannot express transparency). As the spec mentions, it is functionally equivalent to (and has a computed value of) rgba(0,0,0,0). Philippe --- Philippe Wittenbergh http://l-c-n.com/ __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] background-color : transparent; showing up as white in ie6 7 and AOL 9.1
Sandy wrote: Sandy wrote: [...] http://www.uoguelph.ca/mcb/test/contact.shtml and there are a couple of divs with a transparent background .headerleft #globalnav the search should be transparent, too. instead that whole area is showing up with a white background in AOL 9.1, ie6 and ie7. ie8 is ok. the styles are here http://www.uoguelph.ca/mcb/test/css/mcb2009.css That comes from this rule @ line 271 - .container { background-color : #fff; padding : 0; width : 860px; } Other browsers respect the 'background-color:inherit;' @ line 109 as the selector is more specific. IE 5 - 7 do not apply 'inherit'. David - thanks so much for taking the time to help me sort this out. Now - your advice did get that white background out of the top of the page, but it made the white background in the content area disappear, too. This is really mysterious to me - the .container div starts below the navigation, and was somehow covering the navigation ... take a look here, where I have made it yellow with a red outline http://www.uoguelph.ca/mcb/test/test.shtml I tried giving the container its white background back and a margin-top of 300px, and then the whole top nav moved down that much, as if the container started at the top of the page, instead of after the navigation. I am flummoxed. I really appreciate your help! I figured it out! thanks for getting me on the right track. Sandy __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] background-color : transparent; showing up as white in ie6 7 and AOL 9.1
Sandy wrote re: http://www.uoguelph.ca/mcb/test/contact.shtml instead that whole area is showing up with a white background in AOL 9.1, ie6 and ie7. ie8 is ok. the styles are here http://www.uoguelph.ca/mcb/test/css/mcb2009.css [...] Now - your advice did get that white background out of the top of the page, but it made the white background in the content area disappear, too. This is really mysterious to me - the .container div starts below the navigation, and was somehow covering the navigation ... take a look here, where I have made it yellow with a red outline http://www.uoguelph.ca/mcb/test/test.shtml I tried giving the container its white background back and a margin-top of 300px, and then the whole top nav moved down that much, as if the container started at the top of the page, instead of after the navigation. Sorry about the delayed reply, Sandy. It looks like you have solved the stated problem, and the test.shtml page seems to have vanished. One problem remains, as far as I can see - that's the white border on the #globalnav. I think that is due to the border: transparent ... on the 'a' selector. IE 6 does not understand this. I suggest using the color code instead. Cordially, David -- __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] background-color : transparent; showing up as white in ie6 7 and AOL 9.1
Sandy wrote: [...] http://www.uoguelph.ca/mcb/test/contact.shtml and there are a couple of divs with a transparent background .headerleft #globalnav the search should be transparent, too. instead that whole area is showing up with a white background in AOL 9.1, ie6 and ie7. ie8 is ok. the styles are here http://www.uoguelph.ca/mcb/test/css/mcb2009.css That comes from this rule @ line 271 - .container { background-color : #fff; padding : 0; width : 860px; } Other browsers respect the 'background-color:inherit;' @ line 109 as the selector is more specific. IE 5 - 7 do not apply 'inherit'. Cordially, David -- __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] background-color : transparent; showing up as white in ie6 7 and AOL 9.1
Sandy wrote: [...] http://www.uoguelph.ca/mcb/test/contact.shtml and there are a couple of divs with a transparent background .headerleft #globalnav the search should be transparent, too. instead that whole area is showing up with a white background in AOL 9.1, ie6 and ie7. ie8 is ok. the styles are here http://www.uoguelph.ca/mcb/test/css/mcb2009.css That comes from this rule @ line 271 - .container { background-color : #fff; padding : 0; width : 860px; } Other browsers respect the 'background-color:inherit;' @ line 109 as the selector is more specific. IE 5 - 7 do not apply 'inherit'. David - thanks so much for taking the time to help me sort this out. Now - your advice did get that white background out of the top of the page, but it made the white background in the content area disappear, too. This is really mysterious to me - the .container div starts below the navigation, and was somehow covering the navigation ... take a look here, where I have made it yellow with a red outline http://www.uoguelph.ca/mcb/test/test.shtml I tried giving the container its white background back and a margin-top of 300px, and then the whole top nav moved down that much, as if the container started at the top of the page, instead of after the navigation. I am flummoxed. I really appreciate your help! Sandy __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/