Welcome to WebmasterWorld Guest from 54.205.20.160

Forum Moderators: not2easy

Message Too Old, No Replies

Div tage resizes when hyplink rolled over

How do I stop this

   
1:09 pm on Feb 16, 2004 (gmt 0)

10+ Year Member



The pages are written in asp.net. This problem does not occur if I simply view the page on its own. but if I add the page to a frame set.
The web page has a scolling div tag in the centre of the page. When I rollover the menu items on the left hand side this div tag resizes. This only happens if the content has cuased the div tag to show scroll bars.

does anyone have any questions as to how I can stop this from happening.

4:23 pm on Feb 16, 2004 (gmt 0)

WebmasterWorld Senior Member drdoc is a WebmasterWorld Top Contributor of All Time 10+ Year Member



I assume the div tag doesn't just resize on its own... What happens when you hover the anchors? A JavaScript is called?
6:19 pm on Feb 16, 2004 (gmt 0)

10+ Year Member



That sounds like an internet explorer rendering bug I've recently dealt with. Do you change the background color for the hover state?

Adam

4:00 pm on Feb 17, 2004 (gmt 0)

10+ Year Member



It only happens when I roll over the button, and yes I do change the backgorund hover colour
4:55 pm on Feb 17, 2004 (gmt 0)

10+ Year Member



Wish I had found a good fix but for me the background-color change wasn't essential and so I just hid it from internet explorer:

#menu>a:hover {background: #abe; }

Sounds like that's probably not an option with your design. The other thing needed to trigger the bug is (I think) something fixed in position. I wasn't using frames but the bug came up when I tried to get ie to emulate
position:fixed

Hope you find an answer and I'll keep playing with it.

Adam

5:00 pm on Feb 17, 2004 (gmt 0)

10+ Year Member



Adam

Thanks for the help at the moment I have decided not to change the background colour and it doesn't look too bad. When I get more time I will play around more.