Dear all,
I am facing a problem with GridView DataRow Width (defined by CSS) in FireFox.
I have a GridView which has headers and items which their width is defined in CSS file.
When I test its layout in FireFox and IE 8.0 I got a problem about width.
- Headers in 2 web browsers : OK (the same)
- Items : In Firefox, the items' width is wider than headers' width so the row is broken.
Here is its CSS and render code :<!-- CSS -->
.tableUserRow .First, .headerBarBg .First
{
width: 10px;
float: left;
}
.tableUserRow .Item, .headerBarBg .Item, .tableThongKeRow .Item
{
float: left;
margin-left: 5px;
}
<!--END : CSS -->
<!--Html is rendered-->
<!--IE 8.0-->
<div id="ctl00_mainContent_upTab_Activities">
<div>
<table id="ctl00_mainContent_gvwTAB_Activites_gvwTAB_Activites" cellspacing="0" cellpadding ...
Go to the complete details ...