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/
[css-d] background-color : transparent; showing up as white in ie6 7 and AOL 9.1
hey all, I hope someone can help me out with this. I am starting on a site (it's still very rough) 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 I tried making the background a tiled transparent gif in IE6, but it didn't help http://www.uoguelph.ca/mcb/test/css/ie6-hacks.css any other thoughts? thanks in advance for 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/
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/
[css-d] Background-color not showing extra padding/margin
http://server.npserver1.com/~netper/ph/ * This page looks the way I want it to in IE7. * In IE6 there seems to be an extra padding/margin on the right hand side. * In Firefox Safari, the background-color in the #main div isn't showing. The extra padding problem may be there, but I can't tell without the background-color. I'm too close to it now and it's driving me bonkers. Can anyone shed some light for me? Thank you so much. Joanne __ css-discuss [EMAIL PROTECTED] 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-d] Background color not showing
http://www.melbournecostumehire.com.au/test/ In IE6 7, the background of this navigation is black. In Firefox Safari, only the hyperlinks are black background and when they finish, the background color of the rest of the #navigation div is showing as white. How do I fix this? Joanne __ css-discuss [EMAIL PROTECTED] 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 not showing
Joanne wrote:
http://www.melbournecostumehire.com.au/test/
In IE6 7, the background of this navigation is black. In Firefox
Safari, only the hyperlinks are black background and when they
finish, the background color of the rest of the #navigation div is
showing as white.
IE/win is saved by its 'hasLayout'[1] bug which makes the container
auto-expand, while other browsers need to be told to expand the
container to include its floating children.
Adding...
#navigation {display: table;}
...will solve that by establishing a new block formatting context[2],
which enforces expansion without interfering with the dropdowns.
regards
Georg
[1]http://www.satzansatz.de/cssd/onhavinglayout.html
[2]http://www.w3.org/TR/CSS21/visuren.html#block-formatting
--
http://www.gunlaug.no
__
css-discuss [EMAIL PROTECTED]
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 not showing up in IE6?
Matthew Bernhardt wrote: Hello, I've been trying to figure out why the content block in the following site doesn't always get the background color in IE 6. Any help would be much appreciated. This page works correctly in all the browsers I've checked: http://benedikt.knowlton.ohio-state.edu/default.asp?content=1 However,this page shows a white background in IE6 http://benedikt.knowlton.ohio-state.edu/default.asp?content=2 If you poke around the site, only pages in the first menu group get the background color (yellow). Pages from the other five menu groups - in IE 6 only - get white, while IE 7, FF, Opera, Safari, etc get the color. See The multiple #id.class bug in http://css-discuss.incutio.com/?page=InternetExplorerWinBugs Ingo -- http://www.satzansatz.de/css.html __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Background color not showing up in IE6?
Hello, I've been trying to figure out why the content block in the following site doesn't always get the background color in IE 6. Any help would be much appreciated. This page works correctly in all the browsers I've checked: http://benedikt.knowlton.ohio-state.edu/default.asp?content=1 However,this page shows a white background in IE6 http://benedikt.knowlton.ohio-state.edu/default.asp?content=2 If you poke around the site, only pages in the first menu group get the background color (yellow). Pages from the other five menu groups - in IE 6 only - get white, while IE 7, FF, Opera, Safari, etc get the color. I know I'm missing something simple, but I can't figure out what it is... Thanks, Matt [EMAIL PROTECTED] __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
