Re: [css-d] dropdowns appearing behind content - fixed
Thank you, that worked!
Most Sincerely,
Rebecca Richter, Owner
Green Valley Designs
(406)546-9658
[EMAIL PROTECTED]
www.greenvalleydesigns.com
-Original Message-
From: Gunlaug Sørtun [mailto:[EMAIL PROTECTED]
Sent: Wednesday, February 27, 2008 7:39 PM
To: Rebecca Richter
Cc: css-d@lists.css-discuss.org
Subject: Re: [css-d] dropdowns appearing behind content
Rebecca Richter wrote:
> I'm wondering why my css dropdown menus are appearing behind the
> white content area at http://www.blackfootchallenge.org/3col.html.
> Anyone know?
It is normal that the last element gets stacked visually in front when
elements occupy the same area and no stacking-control is introduced.
Add...
.nav {
position: relative;
z-index: 1;
}
...to stack the entire navigation in front of other elements. Works in all
browsers - including IE/win.
Note that IE/win simply cannot properly stack absolute positioned elements
relative to non-absolute positioned elements or elements with another
parent, so not even a trillion in z-index on the absolute positioned
drop-down itself will make any impression on IE/win.
regards
Georg
--
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] dropdowns appearing behind content
Rebecca Richter wrote:
> I'm wondering why my css dropdown menus are appearing behind the
> white content area at http://www.blackfootchallenge.org/3col.html.
> Anyone know?
It is normal that the last element gets stacked visually in front when
elements occupy the same area and no stacking-control is introduced.
Add...
.nav {
position: relative;
z-index: 1;
}
...to stack the entire navigation in front of other elements. Works in
all browsers - including IE/win.
Note that IE/win simply cannot properly stack absolute positioned
elements relative to non-absolute positioned elements or elements with
another parent, so not even a trillion in z-index on the absolute
positioned drop-down itself will make any impression on IE/win.
regards
Georg
--
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] dropdowns appearing behind content
On 27-Feb-08, at 6:54 PM, Rebecca Richter wrote: > Hi, > > I'm wondering why my css dropdown menus are appearing behind the white > content area at http://www.blackfootchallenge.org/3col.html. Anyone > know? Have you checked your layering order (the "z" number) to see which divs are higher and lower in the hierachy? If your dropdowns have a low "z" index, and your content a higher one, your content will appear in front of the dropdowns. Assign the dropdown menus a higher "z" index number. HTH. Shirley Hicks Toronto, Ontario www.velochic.ca __ 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] dropdowns appearing behind content
Hi Parag,
That worked great in FF! Not in IE, though. Any more ideas for that?
Most Sincerely,
Rebecca Richter, Owner
Green Valley Designs
(406)546-9658
[EMAIL PROTECTED]
www.greenvalleydesigns.com
-Original Message-
From: [EMAIL PROTECTED]
[mailto:[EMAIL PROTECTED] On Behalf Of Parag Jagdale
Sent: Wednesday, February 27, 2008 5:11 PM
Cc: css-d@lists.css-discuss.org
Subject: Re: [css-d] dropdowns appearing behind content
Hi Rebecca,
Try adding a z-index:1000;
to: .topnav:hover div.dropdown
so your ending code should look like this:
.topnav:hover div.dropdown
{
left: -1px;
z-index:1000;
}
it worked for me in FF. Didnt test in IE. Try it.
> I'm wondering why my css dropdown menus are appearing behind the white
> content area at http://www.blackfootchallenge.org/3col.html. Anyone
> know?
>
Thank You,
Parag Jagdale
Un-identified LLC
www.un-identified.com
__
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-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] dropdowns appearing behind content
Hi Rebecca,
Try adding a z-index:1000;
to: .topnav:hover div.dropdown
so your ending code should look like this:
.topnav:hover div.dropdown
{
left: -1px;
z-index:1000;
}
it worked for me in FF. Didnt test in IE. Try it.
> I'm wondering why my css dropdown menus are appearing behind the white
> content area at http://www.blackfootchallenge.org/3col.html. Anyone know?
>
Thank You,
Parag Jagdale
Un-identified LLC
www.un-identified.com
__
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] dropdowns appearing behind content
Hi, I'm wondering why my css dropdown menus are appearing behind the white content area at http://www.blackfootchallenge.org/3col.html. Anyone know? Thanks! Most Sincerely, Rebecca Richter, Owner Green Valley Designs (406)546-9658 [EMAIL PROTECTED] www.greenvalleydesigns.com __ 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/
