Forum Moderators: not2easy

Message Too Old, No Replies

in Fieldset whitespace is comming as outline in FF

Field set

         

vivek192

7:47 am on Oct 18, 2005 (gmt 0)

10+ Year Member



Hai friends,

I have one problem in fieldset in Firefox, the thing is some extra border space is comming in firefox, it works fine in IE, pls give me some solution to solve it

in CSS part
fieldset {
margin: 0 0 0 0;
border: 1px solid #b6b6b6;
}

fieldset.alignedFieldSet {
background-color:#ffffff;
display: block;
}

fieldset.alignedFieldSet label {
float:left;
width:50%;
display: block;

}

.mandatoryField {
background-color:#F9F9F9;
font-family:"MS Sans Serif", Georgia;
font-size: 11px;
color: #353535;
text-decoration: none;
font-style: normal;
border: 1px solid #B6B6B6;
display: block;
float: left;
margin: 2px;
text-align: left;
padding-top: 1px;
padding-right: 1px;
padding-left: 1px;
}

.nonMandatoryField {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #000000;
text-decoration: none;
font-style: normal;
border: 1px solid #B6B6B6;
display: block;
float: left;
margin: 2px;
text-align: left;
padding-top: 1px;
padding-right: 1px;
padding-left: 1px;
}
.mandatoryFieldLabel
{
background-color:#F2F2F2;
font-family:"MS Sans Serif", Georgia;
font-size:10px;
color:565656;
font-weight: normal;
font-style: normal;
text-align: left;
padding-left: 20px;
padding-top:4px;
padding-bottom:4px;
}
in html part

<div id="idNewOwnerName" >
<fieldset class="alignedFieldSet" >
<div class="coun_tbl_head1">New Owner Name </div>
<label for="forPropertyId" class="mandatoryFieldLabel"><u>F</u>irst Name</label>
<input id="idFirstName" type="text" name="firstName" class="mandatoryField" size="25" accesskey="F"/>
<label for="forLastName" class="mandatoryFieldLabel"><u>L</u>ast Name</label>
<input id="idLastName" type="text" name="lastName" class="nonMandatoryField" size="20" accesskey="L"/>
<label for="forMiddleName" class="mandatoryFieldLabel"><u>M</u>iddle Name</label>
<input id="idMiddleName" type="text" name="middleName" class="nonMandatoryField" size="20" accesskey="M"/>
</fieldset>
</div>

----------

thanking you

vivek

Robin_reala

8:41 am on Oct 18, 2005 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



I believe this CSS will solve your problem:

fieldset { padding: 0; }

In IE I don't think there's any default padding on a fieldset, where Firefox adds some.

vivek192

8:57 am on Oct 18, 2005 (gmt 0)

10+ Year Member



hai robin,

thanks friend, now the space has gone , 10x once again

Vivek