Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

  • Congratulations strongm on being selected by the Tek-Tips community for having the most helpful posts in the forums last week. Way to Go!

Firefox text selection issue...

Status
Not open for further replies.

PAffiliates

IS-IT--Management
Sep 6, 2006
7
US
Hi, I'm new to the CSS forum here. The problem I am having is that I create a page with a valid xhtml doctype and css (validated through w3c), and in Firefox, when you click to the left of the page (it is centered) blocks of text or images near the section of the page I clicked on become highlighted. IE does not do this. I have no idea how to fix this, and cannot find anything on how to stop this.

So, I've come to figure out that it is the overflow: hidden; property of firefox that is causing the issue of blocks of text, images, etc to be selected as described in my previous paragraph. In order for my page wrapper to grow and contain my other divs and content, I have to use overflow: hidden, otherwise my wrapper disappears. Does anyone know how this can be fixed? is a link to a place where i was testing using a very simple setup. When I remove overflow: hidden from the #wrapper id, the wrapper color (the green) vanishes. Any help would be greatly appreciated in figuring out this mystery. Thank you in advance!

Patrick

P.S. This page is valid xhtml strict. The CSS is also valid with no warnings. I placed the doctype based upon what W3C outlines here under 3.1.1 Strictly Conforming Documents.
 
You lose the background when you remove the overflow because of the floating. Adding overflow to the container is one way of clearing floats. Check this article for some other options on how to clear floats.

But honestly, I do not know why this is worrying for you. Do you expect your users will be clicking there and if they will, will they be bothered with this selection?

___________________________________________________________
[small]Do something about world cancer today: Comprehensive cancer control information at PACT[/small]
 
Vragabond,

Thank you so much for your assistance! I checked out the Sitepoint website and looked at their style sheet to see what they had done after reading the article you suggested. I wound up trying their clearfix class that they have on the wrapper. It works like a charm. After implementing the fix the text selection issue doesn't occur. I guess that the text selection issue isn't really that big of a deal compared to other problems that I could potentially have when building a site, but I am one of those people with a curious mind that needs to know why things are the way they are. Again, I really do appreciate you taking the time to point me in the right direction.

Thank you!

Patrick
 
Status
Not open for further replies.

Part and Inventory Search

Sponsor

Back
Top