Jump to content

No border on form with firefox


grucker

Recommended Posts

 

header1.png

 

 

<?php

include ("menu.php");

?>

 

 

Welcome to New Dec

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");

?>

 

Link to comment
Share on other sites

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 by Wickham
Link to comment
Share on other sites

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.

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...
×
×
  • Create New...