Forum Moderators: not2easy

Message Too Old, No Replies

CSS Block moves on link mouseover

Not sure why. Page is valid. Can someone look?

         

Total Hosting

6:07 pm on May 20, 2004 (gmt 0)

10+ Year Member



Hi All.

Thanks for reading this post.

Site I am working on is passing the 4.01 and CSS validation.

What happens is found on <Sorry, no personal URLs. See TOS [webmasterworld.com]>

When I am running IE 6 on WinXP, and I mouse over the link or the image in the Spotlight (on the left) the box below it shifts up so that they are touching. I saw it on another site that the two boxes were touching without mousing over and somebody else told me it worked fine.

Can any kind soul give me a slap upside the head and tell me what I am obviously overlooking (besides not using IE ;-)

This is not what I intended and am not sure what is causing it.

TIA

Pete

[edited by: tedster at 9:54 pm (utc) on May 20, 2004]

isitreal

9:45 pm on May 20, 2004 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member Top Contributors Of The Month



You can't post links, that will be gone soon, but the problem is a known IE 5x and 6 bug, something to do with having to set a height on the text containing element, I had that problem recently on a CSS thing I was doing, I can't remember the name of the bug, but it can be resolved by setting a height on the element I think, somebody will probably remember the bug name. You have to escape the css so only IE uses the height, the other browsers will correctly force the height, ie will let the content expand the div.

I had the exact same problem, shift on IE on mouseover, and at random loads.

Total Hosting

3:29 am on May 21, 2004 (gmt 0)

10+ Year Member



Btw - That worked perfectly. I just set the height of the element to 100%.

Pete

isitreal

3:40 am on May 21, 2004 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member Top Contributors Of The Month



Oh good, glad that worked, that's a really annoying bug, I wish I could remember the name of it, it has many other unpleasant side affects, like getting rid of background colors randomly. In your case you were lucky that the item was in a container that was not larger than the item so you could use height:100%, if it wasn't it's trickier to fix.

Total Hosting

3:51 am on May 21, 2004 (gmt 0)

10+ Year Member



We'll see what happens when they change the content.

I guess I should try and see if and when it finally breaks. Just so I know ;-)

The site uses a CMS back-end, so it will probably change size often.

Thanks again.

Pete