can't drag mouse to select text

is this something in my css?

[brokenbricks]

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

[collymellon]

can you post your CSS code? & HTML..could be either

[brokenbricks]

Well there is a ton of code in my css file, what area would possibly cause this to happen?

[tedster]

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.

[Edouard_H]

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.

[brokenbricks]

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

[HelenDev]

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.

[createErrorMsg]

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]