Welcome to WebmasterWorld Guest from 34.235.143.190

Forum Moderators: not2easy

Message Too Old, No Replies

can't drag mouse to select text

is this something in my css?

     
5:35 pm on Aug 18, 2005 (gmt 0)

Junior Member

10+ Year Member

joined:Mar 29, 2005
posts:200
votes: 0


In IE I can't click and drag the mouse over text in my site, to copy and paste it...
Users will need to be able to do this....

However it works in Firefox...

I'm new to CSS and basically have been modifying a css template I found trying to learn from it..is there something I need to change to allow that?

Thanks

6:57 pm on Aug 18, 2005 (gmt 0)

Full Member

10+ Year Member

joined:Feb 18, 2005
posts:262
votes: 0


can you post your CSS code? & HTML..could be either
10:13 pm on Aug 18, 2005 (gmt 0)

Junior Member

10+ Year Member

joined:Mar 29, 2005
posts:200
votes: 0


Well there is a ton of code in my css file, what area would possibly cause this to happen?
10:52 pm on Aug 18, 2005 (gmt 0)

Senior Member

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

joined:May 26, 2000
posts:37301
votes: 0


Try adding a body {height:[whatever];} rule in your css. This often cures text selection bugs in IE, and some other IE bugs as well.
11:08 pm on Aug 18, 2005 (gmt 0)

Full Member

10+ Year Member

joined:Oct 9, 2002
posts:245
votes: 0


Also check for overlapping absolutely positioned elements or that are lower/higher in the page html than they are rendered.

If all else fails add this js just before the </body> tag:

<script type="text/javascript">
document.body.style.height = document.documentElement.scrollHeight+'px';
</script>

Ugly, but generally works.

11:34 am on Aug 19, 2005 (gmt 0)

Junior Member

10+ Year Member

joined:Mar 29, 2005
posts:200
votes: 0


Try adding a body {height:[whatever];} rule in your css. This often cures text selection bugs in IE, and some other IE bugs as well.

No luck with this...

The Javascript code works, kind of annoying to put on every page though.

I'm not sure I know how to check for overlapping elements...

Thanks

2:49 pm on Aug 19, 2005 (gmt 0)

Senior Member

WebmasterWorld Senior Member 10+ Year Member

joined:Oct 28, 2003
posts:869
votes: 0


I'm not sure I know how to check for overlapping elements...

Try putting background colors on your main divs and you can see exactly where they are, which sometimes helps.

3:00 pm on Aug 19, 2005 (gmt 0)

Senior Member

WebmasterWorld Senior Member 10+ Year Member

joined:June 6, 2004
posts:2239
votes: 0


what area would possibly cause this to happen

In all likelihood it's as Edouard says -- overlapping absolutely positioned elements.

I'm not sure I know how to check for overlapping elements

If you have the Web Dev Toolbar installed on Firefox, go to...

Outline > Block-Level Elements

This will place a border around all the block level elements on the page without disturbing your page's natural width calculations. You can then examine how your various divs layout and see where they overlap each other.

(That tab has other options, as well, including the option to specify types of elements to outline and what color to use for each one. This could be useful in your situation if the overlapping elements are not block level.)

A tool-free method would be to copy your CSS file into a new text document and strip out everything except the selectors which use absolue positioning. Then, strip all the property:value pairs out of those selectors except the position, top, left, right, and bottom properties. With that information isolated you should be able to get a clearer picture of where each absolutely positioned element is sitting on the screen. It might even be helpful to go one element at a time and make a rough sketch on a peice of graph paper of each block and where it sits based on those property values.

cEM

[added]That's a great suggestion, HelenDev! :) [/added]

 

Join The Conversation

Moderators and Top Contributors

Hot Threads This Week

Featured Threads

Free SEO Tools

Hire Expert Members