Hi all
I have a table width 4 cols each 25% width.
I would like to text-align on right and color background..the code below
works fine with IE but it doesn't with Firefox:
I can't colorize background on cells with 'label' style and I can't
right-align ... plz help me.
<html> <head>
<style type="text/css">
h1.editSectionTitle{
border-bottom: 1px solid #8CACBB;
background-color: #DEE7EC;
font-weight: bold ;
font-size: 1em;
color: #436976;
padding:0.3em 0.3em 0.3em 0.3em;
border-bottom:1px solid #8CACBB;
border-top:1px solid #8CACBB;
margin-bottom: 0.2em;
}
..editSection {
PADDING: 0;
position: relative;
}
..tableFixed {
table-layout: fixed;
padding: 0;
background-color: #DEE7EC;
width: 100%;
}
..label {
background-color: #F7F9FA;
text-align: right;
font: bold 1em;
padding-right: 0.3em;
}
..field {
vertical-align: middle;
background-color: white;
}
..col25Label {
background-color: #F7F9FA;
text-align: right;
font: bold 1em;
width:25%;
}
..col25{
width:25%;
}
</style>
</head>
<body>
<br>
<h1 class="editSectionTitle">DATA</h1>
<div class="editSection" >
<table class="tableFixed" >
<colgroup>
<col class="col25" /><col class="col25" /><col class="col25" /><col
class="col25" />
</colgroup>
<tr>
<td class="label" >(*) Name</td>
<td class="field" >
<input type="text" name="field1" value="33">
</td>
<td class="label" >(*) Surname</td>
<td class="field" >
<input type="text">
</td>
</tr>
<tr>
<td class="label" width="25%">ID</td>
<td class="field" width="25%">
<input type="text">
</td>
<td class="label" width="25%">BirthDate</td>
<td class="field" width="25%">
<input type="text">
</td>
</tr>
</table>
</div>
Problem with Firefox 
