HOw do I troubleshoot browser issue?

row118

Member
Joined
Feb 4, 2006
Messages
21
Programming Experience
5-10
I deployed an ASP.NET 4.0 web site to my development(beta) server(W2K8-64bit running Framework 4, IIS7.5) on company intranet and one of the pages no longer displays correctly when viewed from my local machine(IE8, .NET 4, win 7 PRo, 64-bit). he page that contains a CSS-table created with a datarepeater
div class="BeginningOfARow">
<div style="display:inline-block;>cell1</div>
<div style="display:inline-block;>cell2</div>
<div style="display:inline-block;>cell3</div>
</div> <!-- End of row -->

Te page falls apart;The inline blocks are treated as display:blocks.

Here's the weird part:
Page displays correctly running within Visual Studio 2010 on my local machine which uses default IE8 as supporting browser. The page also displays as expected from all client browsers outside of the corporate office. These clients all share the same exact configuration: Windows 7 PRofessional, 64-bit with .NET 4 client profile, IE8. On the surface, it appears to be a firewall problem, however, this same page displays correctly using the latest version of firefox. (I can get more specific about browsers when i get to work tomorrow).

Any suggestions on how to troubleshoot this issue?The page contains an absolutely positioned header, abs. pos. left nav bar and abs. pos. content block. The content block contains repeater with a css-table.
 

Menthos

Well-known member
Joined
Jul 18, 2006
Messages
276
Programming Experience
10+
Can we assume the omission of the closing quote for the style attribute is a typo and not copy/pasted code?
 

row118

Member
Joined
Feb 4, 2006
Messages
21
Programming Experience
5-10
Was an omission. Actual code:

Code:
 <form id="form1" runat="server">

    <div id="Table_01">
			<div id="Banner-1024x101_">
				<img id="Banner_1024x101" src="http://www.vbdotnetforums.com/images/Banner_1024x101.png" width="1024" height="101" alt="" />
			</div>
			<div id="-menu-172x767_">
				<img id="_menu_172x767" src="http://www.vbdotnetforums.com/images/_menu_172x767.png" width="172" height="1" alt="" />
					<div>Unit of time:</div>				    

                 <!-- Begin DAYPARTS Radio Buttons -->
				 <div id="ReportType" style="color:#FFF">
                 	<div><input name="timeframe"  id="rdbDaypart1"	 runat="server"  type="radio"  value="101" /><span>Day Part 1</span></div>
             		<div><input name="timeframe"  id="rdbDaypart2"   runat="server"  type="radio"  value="102" /><span>Day Part 2</span></div>
               		<div><input name="timeframe"  id="rdbDaypart3"   runat="server"  type="radio"  value="103" /><span>Day Part 3</span></div>
            		<div><input name="timeframe"  id="rdbDaypart4"   runat="server"  type="radio"  value="104" /><span>Day Part 4</span></div>
             		<div><input name="timeframe"  id="rdbDaypart5"   runat="server"  type="radio"  value="105" /><span>Day Part 5</span></div>
              		<div><input name="timeframe"  id="rdbDaypart6"   runat="server"  type="radio"  value="106" /><span>Day Part 6</span></div>
                    <div><input name="timeframe"  id="rdbCum" 		 runat="server"  type="radio"  value="100" checked  /><span>Cummulative</span></div>
                    <div><input name="timeframe"  id="rdbHourly" 	 runat="server"  type="radio"  value="1"   /><span>Hourly</span>   <asp:TextBox 
							ID="txtHour" runat="server" Width="40px" AutoPostBack="True"></asp:TextBox></div>
				</div>
				<!-- End DAYPARTS Radio Buttons -->

			<!-- BEGIN CALENDAR -->
			<asp:ScriptManager ID="ScriptManager1" runat="server"/>
		      <asp:TextBox runat="server" ID="MyDate" />
				<asp:Image runat="Server" ID="Image1" ImageUrl="Calendar_scheduleHS.png" /><br />
				<ajaxToolkit:CalendarExtender ID="calendarButtonExtender" runat="server" TargetControlID="MyDate" popupButtonID="Image1" />
				<!-- END CALENDAR  -->

				 <h4>Company</h4>
				 <!-- Company Radio Button List -->
			    <div id="divCompany" style="color:#FFF">
                 	<div><input name="company"  id="rdbVMA"  type="radio"  value="VMA" runat="server"/><span>VMA</span></div>
             		<div><input name="company"  id="rdbVMS"  type="radio"  value="VMS" runat="server" checked/><span>VMS</span></div>
               	</div>
				 <!-- End Company Radio Button List -->
				<br />
				<asp:TextBox ID="txtStoreNbr" runat="server" Visible="false"></asp:TextBox>
				<br />
				<div><asp:Button id="btnSubmit" runat="server" Text="Submit" /></div>   
				<br />
				<!-- Begin divExport Buttons -->
				 <div class="clsExportButtons">
						<asp:Button ID="btnExportXLS"  runat="server" Height="21px" Text="Export to XLS" />
						<asp:Button ID="btnExportCSV"  runat="server" Height="21px" Text="Export to CSV" />
						<asp:Button ID="btnExportXML"  runat="server" Height="21px" Text="Export to XML" />
						<asp:Button ID="btnExportPDF"  runat="server" Text="Export To PDF" />
						<asp:Button ID="btnExportWord" runat="server" Text="Export To Word" />
				</div>
					<!-- Begin divExport Buttons -->
			</div>
			<div id="content-852x667_">
				<img id="content_852x667" src="http://www.vbdotnetforums.com/images/content_852x667.png" width="852" height="1" alt="" />
				<h3>Intraday Report</h3>
				<asp:Label ID="lblMEssage" runat="server" />
		 <asp:Repeater ID="rptrIdayRpt" runat="server">
		   <HeaderTemplate>
		       <div>
				<div id="divHeader1" style="background-color:#6B696B;LEFT:0PX;font-weight:bold">
					<div class="clsRow">
							<div class="clsStoreHdr">---</div>
							<div class="clsSalesHdr">S A L E S</div>
							<div class="clsGuestsHdr">G U E S T S</div>
							<div class="clsLaborHdr">LABOR</div>
							<div class="clsCars">Cars</div>
							<div class="clsSvcTime">Svc</div>
							<div class="clsAvgChk">Avg</div>
							<div class="clsMgrVoids">Mgr</div>
							<div class="clsPUW">PUW</div>
							<div class="clsCC">CC</div>
							<div class="clsEmpMeals">Emp</div>
							<div class="clsMgrMeals">Mgr</div>
							<div class="clsLastRunTime">Last</div>
						 </div> <!-- End clsRow -->
				  </div>   <!-- End divHeader1 -->
				 <div id="divHeader2" style="background-color:#6B696B;LEFT:0PX;font-weight:bold">
					 <div class="clsRow">
						<div class="clsStore">Store</div>
						<div class="clsSales">Curr</div>
						<div class="clsSalesLY">LY</div>
						<div class="clsSalesDiff">+/-</div>
						<div class="clsSalesPerc">%</div>
						<div class="clsGuests">Curr</div>
						<div class="clsGuestsLY">LY</div>
						<div class="clsGuestsDiff">+/-</div>
						<div class="clsGuestsPerc">%</div>                    
						<div class="clsHours">Hrs</div>
						<div class="clsLabor">Lbr</div>
						<div class="clsCars">Cars</div>
						<div class="clsSvcTime">Time</div>
						<div class="clsAvgChk">Chk</div>
						<div class="clsMgrVoids">Voids</div>
						<div class="clsPUW">%</div>
						<div class="clsCC">%</div>
						<div class="clsEmpMeals">Meals</div>
						<div class="clsMgrMeals">Meals</div>
						<div class="clsLastRunTime">Run-Time</div>
					  </div>   <!-- End Class Row -->
				</div>   <!-- End divHeader2 -->
				</div>
				<!-- START DIV FOR SCROLLING -->
				<div style="overflow:auto">
	   		   </HeaderTemplate>
		   <ItemTemplate>
			   <div    class='<%# IIf(Eval("rowtype").tolower = "clsstorerow", Eval("altRowType") ,  Eval("rowtype"))%>'>
				   <div class="clsRow">
            		<div class="clsStore"><%# Eval("storenbr") %></div>
					<div class="clsSales"><%# Eval("sales") %></div>
					<div class="clsSalesLY"><%# Eval("Sales_ly") %></div>
					<div class="clsSalesDiff"><%# Eval("sales_diff") %></div> 
					<div class="clsSalesPerc"><%# Eval("sales_perc") %></div>
    				<div class="clsGuests"><%# Eval("Guests") %></div>
					<div class="clsGuestsLY"><%# Eval("Guests_ly") %></div>
					<div class="clsGuestsDiff"><%# Eval("Guests_diff") %></div>
					<div class="clsGuestsPerc"><%# Eval("Guests_perc") %></div>
					<div class="clsHours"><%# Eval("hours") %></div>
					<div class="clsLabor"><%# Eval("labor_perc") %></div>
					<div class="clsCars"><%# Eval("cars") %></div>
					<div class="clsSvcTime"><%# Eval("avg_svc") %></div>
					<div class="clsAvgChk"><%# Eval("avg_chk") %></div>
					<div class="clsMgrVoids"><%# Eval("puw_perc") %></div>
					<div class="clsPUW"><%# Eval("puw_perc") %></div>
					<div class="clsCC"><%# Eval("cc_perc") %></div>
					<div class="clsEmpMeals"><%# Eval("emp_meals") %></div>
					<div class="clsMgrMeals"><%# Eval("mgr_meals") %></div>
					<div class="clsLastRunTime"><%# Eval("last_run_time") %></div>
					</div>
				</div>   <!-- End DivRow -->
		   </ItemTemplate>
		   <FooterTemplate>
		   </div>
		   </FooterTemplate>
		</asp:Repeater>
			</div>
   </div> <!-- End TABLE01 Div -->

CSS:

Code:
#Table_01 {
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:768px;
}

#Banner-1024x101_ {
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	background-color:#A21211;	
}
#-menu-172x767_ {
	position:absolute;
	top:101px;
	left:0px;
	width:172px;
	height:inherit;
	background-color:#3D1F18;
	color:#FFF;
}
#content-852x667_ {
	position:absolute;
	left:181px;
	top:102px;  
	width:100%;
	height:inherit;
	background-color:#FFF;
	padding:10px;
	}   

#divHeader1 div{display:inline-block;  border-right: gray thin solid;text-align:center;color:white}
#divHeader2 div{display:inline-block;  border-right: gray thin solid;text-align:center;color:white}


.clsStoreHdr{width:150px;display:inline-block}
.clsSalesHdr{width:315px;display:inline-block}
.clsGuestsHdr{width:314px;display:inline-block}
.clsLaborHdr{width:154px;display:inline-block}
 
Last edited:
Top Bottom