asked on

Google Chrome lets a my layout column collapse

Take a look at the three screen shots. The first two are Firefox and IE, respectively, the width of the column containing the "Name," "Activity," and "Start and End Dates" is 150 px as it should be. Now look at the third screen shot. This is Chrome (v5). The column of 150 px has collapsed completely. Should I switch over to CSS for the column width? Or, does the problem live elsewhere?

Here's the source code.

<tr>
   <td style="width: 150px;">
      Name<asp:Label ID="lblLaborID" CssClass="asterisk" runat="server" Text="Label" Visible="False">*</asp:Label>
   </td>
   <td style="width: 310px;">
      <asp:DropDownList ID="ddlLaborID" runat="server" CssClass="ddl300" Enabled="False">
      </asp:DropDownList>
   </td>
</tr>

Open in new window

The last images shows the code rendered by Chrome. (I've hidden the <option> tags that are child to <select>.

Firefox.png
IE.png
Chrome.png
Chrome-HTML.png

HainKurt

post the definition for table too...

jdana

ASKER

Full table:

<table id="reportFilters" border="0" cellspacing="0" cellpadding="0">
   <tr>
      <td style="width: 150px;">
         Name<asp:Label ID="lblLaborID" CssClass="asterisk" runat="server" Text="Label" Visible="False">*</asp:Label>
      </td>
      <td style="width: 310px;">
         <asp:DropDownList ID="ddlLaborID" runat="server" CssClass="ddl300" Enabled="False">
         </asp:DropDownList>
      </td>
   </tr>
   <tr>
      <td>
         Activity<asp:Label ID="lblActivityID" CssClass="asterisk" runat="server" Text="Label"
            Visible="False">*</asp:Label>
      </td>
      <td>
         <asp:DropDownList ID="ddlActivityID" runat="server" CssClass="ddl300" Enabled="False">
         </asp:DropDownList>
      </td>
   </tr>
   <tr>
      <td>
         Start and End Dates<asp:Label ID="lblStartDate" CssClass="asterisk" runat="server"
            Text="Label" Visible="False">*</asp:Label>
      </td>
      <td>
         <asp:TextBox ID="txtStartDate" runat="server" CssClass="txt100" Style="vertical-align: bottom;"
            Enabled="false"></asp:TextBox>
         <asp:Image ID="imgStartDatePicker" runat="server" ImageUrl="~/_images/icon_datePicker.png" />
         <asp:CalendarExtender ID="extStartDatePicker" runat="server" TargetControlID="txtStartDate"
            PopupButtonID="imgStartDatePicker">
         </asp:CalendarExtender>
         <asp:TextBox ID="txtStopDate" runat="server" CssClass="txt100" Style="vertical-align: bottom;
            margin-left: 15px" Enabled="false"></asp:TextBox>
         <asp:Image ID="imgStopDatePicker" runat="server" ImageUrl="~/_images/icon_datePicker.png" />
         <asp:CalendarExtender ID="extStopDatePicker" runat="server" TargetControlID="txtStopDate"
            PopupButtonID="imgStopDatePicker">
         </asp:CalendarExtender>
      </td>
   </tr>
   <tr>
      <td>
         Park (Location)<asp:Label ID="lblParkID" CssClass="asterisk" runat="server" Text="Label"
            Visible="False">*</asp:Label>
      </td>
      <td>
         <asp:DropDownList ID="ddlParkID" runat="server" CssClass="ddl300" Enabled="False">
         </asp:DropDownList>
      </td>
   </tr>
   <tr>
      <td>
         Material<asp:Label ID="lblMaterialID" CssClass="asterisk" runat="server" Text="Label"
            Visible="False">*</asp:Label>
      </td>
      <td>
         <asp:DropDownList ID="ddlMaterialID" runat="server" CssClass="ddl300" Enabled="False">
         </asp:DropDownList>
      </td>
   </tr>
   <tr>
      <td>
         Equipment<asp:Label ID="lblEquipmentID" CssClass="asterisk" runat="server" Text="Label"
            Visible="False">*</asp:Label>
      </td>
      <td>
         <asp:DropDownList ID="ddlEquipmentID" runat="server" CssClass="ddl300" Enabled="False">
         </asp:DropDownList>
      </td>
   </tr>
</table>

Open in new window

ASKER CERTIFIED SOLUTION

Carl Tawn

membership

This solution is only available to members.

To access this solution, you must be a member of Experts Exchange.

Start Free Trial

jdana

ASKER

Sorry I let this one slide.