No border on form with firefox

[grucker]

 

 

 

<?php

include ("menu.php");

?>

 

 

Welcome to New Dec Ltd.

We are a professional decorating company incorporated in 1995 and based in Wakefield, West Yorkshire. We operate throught the whole of the United Kingdom and Europe.

Read more…

 

Interested in working for New Dec Ltd?

If you are interested in working for New Dec Ltd, please forward a copy of your CV along with details of your work experience to us:

You may contact us by mail at Unit 2 Grange Street, Wakefield, West Yorkshire, WF2 8TF.

alternatively please complete the following form and attach your CV.

If you require any further assistance call us on 01924 360809, fax us on 01924 378441 or email us at vikki@newdec.co.uk

 

enctype="multipart/form-data" >

 

 

 

First Name:

size="40" maxlength="50" style="background:;" onfocus="this.select()"/>

Surname:

size="40" maxlength="50" style="background:;" onfocus="this.select()"/>

Email Address:

size="40" maxlength="50" style="background:"/>

 

 

Contact Numbers:

Landline:

size="40" maxlength="55" style="background:;" onfocus="this.select()"/>

Mobile Number:

size="40" maxlength="55" style="background:;" onfocus="this.select()"/>

 

Address Details:

 

 

House Number or Name:

size="40" maxlength="50" style="background:;" onfocus="this.select()"/>

Street Details:

size="40" maxlength="50" style="background:;" onfocus="this.select()"/>

 

 

 

Town or City:

size="40" maxlength="50" style="background:;" onfocus="this.select()"/>

 

Post Code:

 

 

 

Please enter your details below

 

 

Please leave details of your work experience here

 

 

 

 

Attachments:

 

Please add your first attachment here:

Please add your second attachment here:

 

 

 

Please tick this box to confirm New Dec Ltd may contact you

:    

 

 

 

 

Please copy the following captcha into the box

 

<?php

require_once('recaptchalib.php');

$publickey = "6LcVwAkAAAAAAPVhZ8QboNH6dOPLkfH4E3fRAvMD ";

echo recaptcha_get_html($publickey);

?>

 

 

 

 

 

 

 

 

 

 

 

 

 

<?php

include ("footer.php");

?>

 

[Wickham]

All your box classes inside the form have float: left; (I don't think they all need float: left, but some of them do) and floated divs have no height, so the form has no height, and so the #container0 has no height.

 

Add this style to the stylesheet:-

.clear { clear: both; width: 100%; height: 0; visibility: hidden; }

 

and add in the clear div to the markup:-

............value="Submit information >> 
" style="background:"/> 



 


           



 

 
..................

 

The clear div doesn't have a float, so it drags down the div background over the floated divs.

 

As an alternative, you could put it as the last item in the form, just before the closing tag.

 

As another alternative I've just tested, your .box11

div .box11 { width:760px; /*float:left;*/ border:0px ; text-align:center;

padding:0px 0px 0px 0px;}

is full width of the form and works without a float: left; to form a barrier under the floated divs and so this div, as the last item in the form, performs the same function as my clear div, except that it affects the Contact Numbers div further up, but if you made the last div in the form .box14 with the style of .box11 without the float: left; all would work like my clear div.

Edited December 10, 2009 by Wickham

[grucker]

Thanks very much. I went for the clear option as it seems like a cure all for future reference. I didnt know float had no height so you know why you and people like you are a Godsend.

Does anyone know the answer to the captcha anomoly?

Once again many thanks.

Regards

David

[Wickham]

Well, that's one div which you don't want to float: left; as I said before.

 

The box11 style has float: left so it starts on the left, but the text-align: center; is meant for text and images, not divs and scripts, so some browsers aren't applying the center.

 

I edited the html markup to change the box11 style; ideally you would create another class instead:-

 

src="http://api.recaptcha.net/challenge?k=6LcVwAkAAAAAAPVhZ8Qb
oNH6dOPLkfH4E3fRAvMD ">





src="http://api.recaptcha.net/noscript?k=6LcVwAkAAAAAAPVhZ8Qbo
NH6dOPLkfH4E3fRAvMD " >


rows="3" cols="40">


name="recaptcha_response_field" value="manual_challenge" 
onfocus="this.select()"/>

 

I guessed the width as 450px but perhaps it's slightly different.

[grucker]

Once again you have supplied the perfect answer. I lost the submit button from the box but followed your earlier advice and everything is as I required.

Kindest regards

David