Stylesheets - toggle borderstyle and inner elements

Author

toggle borderstyle and inner elements

os_bonn

2005-01-25, 7:23 am

Hi,

Currently I am developing a css+xml+html+javascript based
offline GUI application (IE6 based).

Especially I have a <div...> layer where
- the mouseover event sets borderstyle="solid"
- the mouseout event sets borderstyle="none".

The problem is, that inner elements (in this case a cross made with the
IE specific <vml:line...> ) are "moving", ie. they jump when the mouse
moves in and out. I know this depends on the absolute position of the
origin (of the <div> ). which is obviously, whcih changes with the
borderstyle.
The size of the jump is of order borderwidth.

This jumping is ugly. So how can I "fix" the position of the inner
elements ?

TIA
Oliver

Rijk van Geijtenbeek

2005-01-25, 7:23 am

On 25 Jan 2005 01:45:17 -0800, os_bonn <oliver.sick@web.de> wrote:

> Currently I am developing a css+xml+html+javascript based
> offline GUI application (IE6 based).
>
> Especially I have a <div...> layer where
> - the mouseover event sets borderstyle="solid"
> - the mouseout event sets borderstyle="none".
>
> The problem is, that inner elements (in this case a cross made with the
> IE specific <vml:line...> ) are "moving", ie. they jump when the mouse
> moves in and out. I know this depends on the absolute position of the
> origin (of the <div> ). which is obviously, whcih changes with the
> borderstyle.
> The size of the jump is of order borderwidth.
>
> This jumping is ugly. So how can I "fix" the position of the inner
> elements ?

Maybe change the color of the border instead of it's width or style.
'border-color: transparent' should be suited for this.

--
Rijk van Geijtenbeek

The Web is a procrastination apparatus:
It can absorb as much time as is required to ensure that you
won't get any real work done. - J.Nielsen

os_bonn

2005-01-26, 7:24 am

Thanks,
It works. I missed the "transparent" property for color styles.

Oliver