Wrox Programmer Forums

Need to download code?

View our list of code downloads.

Go Back   Wrox Programmer Forums > Web Programming > CSS > CSS Cascading Style Sheets
Password Reminder
Register
| FAQ | Members List | Calendar | Search | Today's Posts | Mark Forums Read
CSS Cascading Style Sheets All issues relating to Cascading Style Sheets (CSS).
Welcome to the p2p.wrox.com Forums.

You are currently viewing the CSS Cascading Style Sheets section of the Wrox Programmer to Programmer discussions. This is a community of tens of thousands of software programmers and website developers including Wrox book authors and readers. As a guest, you can read any forum posting. By joining today you can post your own programming questions, respond to other developers’ questions, and eliminate the ads that are displayed to guests. Registration is fast, simple and absolutely free .
DRM-free e-books 300x50
Reply
 
Thread Tools Search this Thread Display Modes
  #1 (permalink)  
Old October 6th, 2007, 05:30 PM
Friend of Wrox
 
Join Date: Aug 2003
Location: Warks, Warks, United Kingdom.
Posts: 137
Thanks: 0
Thanked 0 Times in 0 Posts
Default Firefox Error when Form Floated / Form locks

Hi,

For some reason when I view the website I'm developing in Firefox, I'm unable to click or enter text in the form search box.

I have checked in IE7, IE6 and other browsers and the form works fine, but Firefox 2.0.0.7 just seems to lock the form, and I'm unablr to place my cursor in the input text box.

Has anyone come this across this problem before? or am I doing something silly in my CSS that is causing it? as when I remove the CSS the form is enabled, but cant see why that would be the case.

CSS styling the form is as follows:

Code:
#searchbar { 
             margin:0 auto; width:880px; vertical-align:middle; padding:4px 40px 4px 40px;
             background:#000 url('black-background.gif') repeat-y;
              
}

#searchbar img { float:left; }

#searchbar form { margin:0; padding:0; vertical-align:middle; float:right; }

#searchbar form input { font-size:0.9em; }

#searchbar form input#sbtn { border:solid #fff 1px; color:#fff; background-color:#000; }
I would really appreciate someones help, I have validated my CSS and HTML and all is well.

Gaz
__________________
Gaz
Reply With Quote
  #2 (permalink)  
Old October 6th, 2007, 06:30 PM
Friend of Wrox
Points: 1,749, Level: 16
Points: 1,749, Level: 16 Points: 1,749, Level: 16 Points: 1,749, Level: 16
Activity: 0%
Activity: 0% Activity: 0% Activity: 0%
 
Join Date: Jun 2007
Location: San Diego, CA, USA.
Posts: 477
Thanks: 10
Thanked 19 Times in 18 Posts
Default

CSS won't cause a problem like that. That's one of it's strengths and weaknesses, it affects your webpage as it's pulled up. Only javascript can affect the behavior of your page. Well... pretty much ;)

I would bet dollars to doughnuts that Firefox is having trouble with your onfocus event. Try calling the event a different way. I think a pretty standard way would be to include name attributes for your text input and your form and try an unobtrusive function, something like...

document.formName.inputName.value = '';

I wouldn't change much. If it's working in the other browsers, you're really close.

-------------------------

Whatever you can do or dream you can, begin it. Boldness has genius, power and magic in it. Begin it now.
-Johann von Goethe

When Two Hearts Race... Both Win.
-Dove Chocolate Wrapper

Chroniclemaster1, Founder of www.EarthChronicle.com
A Growing History of our Planet, by our Planet, for our Planet.
Reply With Quote
  #3 (permalink)  
Old October 6th, 2007, 06:49 PM
Friend of Wrox
 
Join Date: Aug 2003
Location: Warks, Warks, United Kingdom.
Posts: 137
Thanks: 0
Thanked 0 Times in 0 Posts
Default

Hi

Thanks for your help, but sadly it didnt resolve it. This is a real weird one. Even the styled submit button is not clickable.

If I remove the above CSS the form works, I dont see why tho? I have checked in Opera and its doing the same thing.:(

weird

Gaz
Reply With Quote
  #4 (permalink)  
Old October 6th, 2007, 06:51 PM
Friend of Wrox
 
Join Date: Aug 2003
Location: Warks, Warks, United Kingdom.
Posts: 137
Thanks: 0
Thanked 0 Times in 0 Posts
Default

My night gets worse. I've now discovered I have a white space between my black search bar and tabs in IE6 :(

Gaz
Reply With Quote
  #5 (permalink)  
Old October 6th, 2007, 07:29 PM
Friend of Wrox
 
Join Date: Aug 2003
Location: Warks, Warks, United Kingdom.
Posts: 137
Thanks: 0
Thanked 0 Times in 0 Posts
Default

I have resolved it.

I had given the absolute positioned TABs the same height as the container, which meant it was spilling over into the form DIV. Having given the TAB containers the correct height, I have resolved the issue.


Gaz
Reply With Quote
  #6 (permalink)  
Old October 6th, 2007, 09:59 PM
Friend of Wrox
Points: 1,749, Level: 16
Points: 1,749, Level: 16 Points: 1,749, Level: 16 Points: 1,749, Level: 16
Activity: 0%
Activity: 0% Activity: 0% Activity: 0%
 
Join Date: Jun 2007
Location: San Diego, CA, USA.
Posts: 477
Thanks: 10
Thanked 19 Times in 18 Posts
Default

I've never seen a case like that before. Just to clarify, the tabs spilling over into the form area were causing the text box to lock up?


-------------------------

Whatever you can do or dream you can, begin it. Boldness has genius, power and magic in it. Begin it now.
-Johann von Goethe

When Two Hearts Race... Both Win.
-Dove Chocolate Wrapper

Chroniclemaster1, Founder of www.EarthChronicle.com
A Growing History of our Planet, by our Planet, for our Planet.
Reply With Quote
Reply


Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is Off
HTML code is Off
Trackbacks are Off
Pingbacks are On
Refbacks are Off


Similar Threads
Thread Thread Starter Forum Replies Last Post
Submit form and validation ind IE 6.0 and Firefox Leholt Classic ASP Basics 2 February 2nd, 2008 11:48 AM
positioning text + form element + firefox Adam H-W CSS Cascading Style Sheets 2 June 12th, 2007 03:18 AM
Converting an HTML Form to ASP.Net Form k_alidxb75 ASP.NET 1.x and 2.0 Application Design 0 November 30th, 2006 03:26 AM
Trouble rendering form in firefox and netscape vic02 ASP.NET 2.0 Professional 0 March 21st, 2006 01:46 PM
Firefox Problem - submit form mattastic Javascript How-To 4 July 19th, 2005 07:30 AM



All times are GMT -4. The time now is 06:05 AM.


Powered by vBulletin®
Copyright ©2000 - 2020, Jelsoft Enterprises Ltd.
© 2013 John Wiley & Sons, Inc.