Posted by effendi on 03/14/06 18:20

I created a CSS file which defined the attributes of my fieldset.
However, inspite of trying various combination, I cannot "centre" my
fieldset, it is flushed to the left.

Here is my CSS file.

body {
text-align:center; /* for IE */
align:center;
}
div#formfields { width:800px;
align:center
}

fieldset {
background-color: #E3EEF7;
width:800px; /* or a percentage, or whatever */
margin-bottom: 10px
align:center
}


TEXTAREA {
font-weight : Normal;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
border-color : 888888;
border-style : solid;
border-width : 1px;
Font-color : 000000;
display: block;
width: 498px;
float: left;
margin-bottom: 10px;
}

INPUT, Select {
font-weight : Normal;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
border-color : 888888;
border-style : solid;
border-width : 1px;
Font-color : 000000;
display: block;
width: 150px;
float: left;
margin-bottom: 10px;
}

..Buttons{
align:center
}


label{
width: 150px;
font-size: 11px;
text-align: right;
width: 150px;
float: left;
padding-right: 20px;
display: block;
margin-bottom: 10px
}


br {
clear: left;
}


td {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-style: normal;
line-height: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
color: #333333;
text-decoration: none;
}

body {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-style: normal;
line-height: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
color: #333333;
text-decoration: none;
}

tr {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-style: normal;
line-height: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
color: #333333;
text-decoration: none;
}

a:link { font-family: Arial, Helvetica, sans-serif; font-style:
normal; color: #666666}
a:visited { font-family: Arial, Helvetica, sans-serif; font-style:
normal; color: #820034}
a:active { font-family: Arial, Helvetica, sans-serif; font-style:
normal; color: #666666}


Can any tell me what I did wrong?

Thanks in advance

• Next in forum: Re: How to indent a line after <br />
• Prev in forum: Re: drop down
• Thread view: Fieldset CSS Centering

[Reply to this message]