Forum Moderators: not2easy

Message Too Old, No Replies

Selection Problems With Cursor

cursor selection layers select

         

dancin_paul

6:59 pm on Mar 1, 2006 (gmt 0)

10+ Year Member



Hi,

I'm working on a website and I'm using CSS layers. When the visitor clicks and drags their mouse over text, all of a sudden the whole page is selected! I don't know why this is happening, but I'm thinking maybe that I'm not using layers correctly? I'm sure there is a simple explanation for this, so if you have it, I'd really appreciate it!

I haven't been working with CSS for very long, so apologies for my ignorance!

Thanks for any help!

Paul

[edited by: SuzyUK at 10:43 am (utc) on Mar. 6, 2006]
[edit reason] ooops sorry no URLs : see TOS #13 [WebmasterWorld.com] [/edit]

Elliott Hird

9:05 pm on Mar 1, 2006 (gmt 0)

10+ Year Member



I'm fairly sure you can't post links [webmasterworld.com]. Post code.

dancin_paul

10:15 am on Mar 2, 2006 (gmt 0)

10+ Year Member




I still think if you go to the site and try and select some text you'll have a better idea of what the problem is and how to fix it. Here is a slice from my style sheet:

#page { width: 780px; margin: 0 auto; z-index: 0; }

#background { z-index: 0; position:absolute; }

#site_description { z-index: 0; position:absolute; margin-left:340px; margin-top:45px; background-color:#FFFFFF; width:240px; height:30px; }

#menu_panel { position: absolute; margin-left:40px; margin-top:77px; z-index: 1; }

#left_panel { position: absolute; margin-left:27px; margin-top:140px; width:310px; z-index: 0; }

#right_panel { position: absolute; margin-left:369px; margin-top:140px; width:378px; z-index: 0; }

[edited by: SuzyUK at 10:47 am (utc) on Mar. 6, 2006]

Robin_reala

10:30 am on Mar 2, 2006 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



As far as I know, selection order runs with the source order, not the display order. If your boxes are in a completely different order to your code then I think selection is going to work in an odd way.

dancin_paul

9:42 pm on Mar 6, 2006 (gmt 0)

10+ Year Member



I figured out what it was. Its a bug in IE that when you place text within divs positioned with absolute positioning. IE doesn't like it and tends to highlight the entire content of the div.

Thanks for all your help.