Can't select form fields

rhia · 10-23-2007, 02:28 AM

I've found a glitch in my website. I don't know what changed to cause it, and I can't see what's causing it by looking at the code. Literally weeks of work have gone into it, I finally thought it was live and all finished, and now I find this.

On any of the pages, I am unable to highlight text in internet explorer (6) ...a recent accident that until now I thought was beneficial. What I've just discovered though is that I'm unable to place the cursor in the fields of the contact forms on the site in order to write in them in internet explorer (6) either.

I am completely stumped. can anybody help?

The contact page is here
The CSS is here

CFMaBiSmAd · 10-23-2007, 02:59 AM

You cannot select the fields in IE7 either.

The problem is due to the various z-index values. The maincol div that your form is in, has a z-index:-1.

The HTML markup also contains some errors and there is one css error -
http://validator.w3.org/check?uri=ht...Inline&group=0
http://jigsaw.w3.org/css-validator/v...usermedium=all

rhia · 10-23-2007, 01:51 PM

It's always the little things that get you! lol Thanks... I've used a sepearate stylesheet for the contact pages (here) changing the z-index of maincol to 2. That seems to have fixed the problem...

...except that in opera (and only in opera), it's now producing an unneccessary horizontal scroll bar at the bottom of the contact page which hides half of the footer.

Is there a way to hide the horizontal scroll for Opera only? (and while I'm at it, I'd better reduce the page width to fit exactly in the viewport for 800*600)

Thanks for letting me know about those errors too... I'll take a look t those later also. nothing too difficult I hope, because it's great otherwise, apart from that opera scrollbar.

rhia · 10-23-2007, 02:26 PM

OK... I've fixed that silly little CSS error, and I've fixed all of my errors on the contact page. Unfortunately though, the remaining errors on the page aren't mine at all... they come from a PHP require_once() aimed at recaptchalib.php ... I'm a little scared of editing the recaptcha library as I'm not really 100% proficient at php syntax. (having just checked, I've reduced the number of errors from the recaptcha include, but they cannot all be fixed.)

Otherwise, it's just that strange opera only scrollbar problem... why opera is creating a horizontal scroll now that I've corrected the maincol z-index I don't know!

HTML... here
CSS... here