[Plone-Users] LSBox and z-index

[Peter Fraterdeus]

Client requests that the search widget be at the top of column one above the nav portlet.
No problem getting it there (modify main_template). I can also move the LSResults to the right side (text-align:left), but run into problems with layer order. Unless I move the results far enough right (like 200 px) that it's out of column-one, the nav items are ordered above it, and the links are unclickable!]

Have tried changing, .portlet, portal-column, visualPadding, etc, both width and z-index.
Tried setting z-index on LSResults to 10, 20, 100, no joy.

Firefox WDE "show class and divs" presents a lot of info, but I can't strain the truth from it!

Pointers greatly appreciated.
thanks!
pf

--
AzByCx DwEvFu GtHsIr JqKpLo MnNmOl PkQjRi ShTgUf VeWdXc YbZa&@
ARTQ: Help stop in-box bloat! Always Remember to Trim the Quote!

Semiotx Inc. http://typeandmeaning.com
Web Strategy Consulting Communication Design Typography

-:-*-:-*-:-*-:-*-:-*-:-*-:-*-:-*-:-*-:-*-:-*-:-*-:-*-:-*-:-*-:-*-:-*-:-*-:-*-:-*-:-*-:-*-:-*

Peter Fraterdeus http://www.fraterdeus.com http://www.galenaphotos.com
Galena, Illinois http://www.alphabets.com
Photography Irish Fiddle Political Observation
Philosophy Fonts Lettering

-------------------------------------------------------------------------
This SF.net email is sponsored by DB2 Express
Download DB2 Express C - the FREE version of DB2 express and take
control of your XML. No limits. Just data. Click to get it now.
http://sourceforge.net/powerbar/db2/
_______________________________________________
Plone-Users mailing list
Plone...@lists.sourceforge.net
https://lists.sourceforge.net/lists/listinfo/plone-users

[Peter Fraterdeus]

I fugred this out.
The Containing <div> has to be explicitly set to "postion:relative" (or "position:absolute") for the z-index to have an effect.

so, something like this:

#portal-searchbox {display:block;position:relative; left:-58px; top:-40px; z-index:10;}
.LSBox {text-align:left;}
.livesearchContainer{
position: absolute;
z-index:20;
left: 130px;
top:-20px;
}

At 3:29 PM -0500 12 06 07, Peter Fraterdeus wrote:
>Client requests that the search widget be at the top of column one above the nav portlet.
>No problem getting it there (modify main_template). I can also move the LSResults to the right side (text-align:left), but run into problems with layer order. Unless I move the results far enough right (like 200 px) that it's out of column-one, the nav items are ordered above it, and the links are unclickable!]
>
>Have tried changing, .portlet, portal-column, visualPadding, etc, both width and z-index.
>Tried setting z-index on LSResults to 10, 20, 100, no joy.
>
>Firefox WDE "show class and divs" presents a lot of info, but I can't strain the truth from it!
>
>Pointers greatly appreciated.
>thanks!
>pf

-------------------------------------------------------------------------