( I have this in a jsfiddle site that can be seen here. )Here is what is happening in Internet Explorer:This is how I want it to look and ironically, IE is doing what I wanted.When I view this in Chrome or Firefox, this is what is happening:As you can see, it's not split down the center.Here is what my razor page looks like
using System.Collections@using SuburbanCustPortal.SuburbanService@model SuburbanCustPortal.SuburbanService.CustomerData @{ ViewBag.Title = "Account Screen"; }<h2>AccountScreen</h2><div class="leftdiv"> <fieldset> <legend>Customer Info</legend> @Html.Partial("CustomerInfo", Model) </fieldset> <fieldset> <legend>Delivery Address</legend> @Html.Partial("DeliveryAddress", Model) </fieldset> <fieldset> <legend>Delivery Info</legend> @Html.Partial("DeliveryInfo", Model) </fieldset></div><div class="rightdiv"> <fieldset> <legend>Balance</legend> @Html.Partial("AccountBalance", Model) </fieldset> <fieldset> <legend>Account Options</legend> <br/> @using (Html.BeginForm("AccountScreenButton", "Customer", FormMethod.Post)) { <div class="sidebysidebuttons"> <div class="box"> <button name="options" value="http://stackoverflow.com/questions/14593211/payment">Make a Payment</button> <button name="options" value="http://stackoverflow.com/questions/14593211/activity">Display Activity</button> </div> </div> } </fieldset> <fieldset> <legend>Billing Info</legend> @Html.Partial("BillingInfo", Model) </fieldset></div>And this is in my css file that I'm calling:.leftdiv { float: left; width: 49%; text-align: left; display: inline;}.rightdiv { float: right; width: 49%; text-align: left; display: inline;}.sidebysidebuttons { float: left; display: block; margin-left: 60px; text-align:center }Anyone know how I can get them to look the same, or rather both like how IE is displaying them or see what I'm doing wrong?===== as requested =====This is the page source when the page has loaded:<!DOCTYPE html><html><head> <title>Your Company Name Here : Account Screen</title> <link href="http://stackoverflow.com/Content/reset.css" rel="stylesheet" type="text/css" /> <link href="http://stackoverflow.com/Content/Site.css" rel="stylesheet" type="text/css" /> <link href="http://stackoverflow.com/Content/web.css" rel="stylesheet" type="text/css" /> <script src="http://stackoverflow.com/Scripts/jquery-1.5.1.min.js" type="text/javascript"></script> <script src="http://stackoverflow.com/Scripts/Views/main.js" type="text/javascript"></script> <meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" /> <meta http-equiv="Pragma" content="no-cache" /> <meta http-equiv="Expires" content="0" /> <script> $(function () { $('.focus :input').focus(); }); </script></head> <body> <div class="page"> <div id="header"> <div id="headerimg"></div> <div id="logindisplay"> Welcome <strong>webtest</strong>! [ <a href="http://stackoverflow.com/Account/LogOff">Log Off</a> ] </div> <div id="menucontainer"> <ul id="menu"> <li><a href="http://www.xxxxxx.com">Home</a></li> <li><a href="http://stackoverflow.com/Customer/AccountScreen">Account</a></li> <li><a href="http://stackoverflow.com/Payment/PrePayment">Make Payment</a></li> <li><a href="http://stackoverflow.com/GasOrder/OrderGas">Order Gas</a></li> <li><a href="http://stackoverflow.com/Home/ContactUs">Contact Us</a></li> <li><a href="http://stackoverflow.com/Account/UpdateAccount">Update Login</a></li> <li><a href="http://stackoverflow.com/Home/NewsList">* Sales *</a></li> </ul> </div> <div id="main"><h2>AccountScreen</h2><div class="leftdiv"> <fieldset> <legend>Customer Info</legend><div class="leftdiv"> <br/> <label class="sizedCustomerlabel">Account Number:</label> <label class="sizedCustomerlabel">Name:</label> <label class="sizedCustomerlabel">Mailing Address:</label> <label class="sizedCustomerlabel">City:</label> <label class="sizedCustomerlabel">St/Zip:</label> <label class="sizedCustomerlabel">Phone Number:</label></div><div class="rightdiv"> <br/> <label class="sizedCustomerDataLeftLabel">01 - 02228 </label> <label class="sizedCustomerDataLeftLabel">PICKERING VALLEY CONTRAC </label> <label class="sizedCustomerDataLeftLabel">960 POTTSTOWN PIKE </label> <label class="sizedCustomerDataLeftLabel">CHESTER SPRINGS </label> <label class="sizedCustomerDataLeftLabel">PA 19425 </label> <label class="sizedCustomerDataLeftLabel">610 458-7200</label></div> </fieldset> <fieldset> <legend>Delivery Address</legend><div class="leftdiv"> <br/> <label class="sizedCustomerlabel">Care of:</label> <label class="sizedCustomerlabel">Delivery Street:</label> <label class="sizedCustomerlabel">Delivery City:</label> </div><div class="rightdiv"> <br/> <label class="sizedCustomerDataLeftLabel"> </label> <label class="sizedCustomerDataLeftLabel"> </label> <label class="sizedCustomerDataLeftLabel"> </label> </div> </fieldset> <fieldset> <legend>Delivery Info</legend><div class="leftdiv"> <br/> <label class="sizedCustomerlabel">Last Delivery Date:</label> <label class="sizedCustomerlabel">Number of Tanks:</label> <label class="sizedCustomerlabel">Tank Serial#:</label> <label class="sizedCustomerlabel">Tank Size:</label> <label class="sizedCustomerlabel">Tank Type:</label> <label class="sizedCustomerlabel">Qty Last Delivered:</label> <label class="sizedCustomerlabel">Year To Date Deliveries:</label> <label class="sizedCustomerlabel">Year To Date Gas:</label> <label class="sizedCustomerlabel">Total Used Last Year:</label> </div><div class="rightdiv"> <br/> <label class="sizedCustomerDataLeftLabel">10/16/2012 </label> <label class="sizedCustomerDataLeftLabel">1 </label> <label class="sizedCustomerDataLeftLabel"> </label> <label class="sizedCustomerDataLeftLabel">30 </label> <label class="sizedCustomerDataLeftLabel"> </label> <label class="sizedCustomerDataLeftLabel">15 </label> <label class="sizedCustomerDataLeftLabel">4 </label> <label class="sizedCustomerDataLeftLabel">70.4 </label> <label class="sizedCustomerDataLeftLabel">117.0 </label> </div> </fieldset></div><div class="rightdiv"> <fieldset> <legend>Balance</legend> <div><div class="leftdiv"> <br/> <label class="sizedCustomerlabel">Over 30:</label> <label class="sizedCustomerlabel">Over 60:</label> <label class="sizedCustomerlabel">Over 90:</label> <label class="sizedCustomerlabel">Over 120:</label> <label class="sizedCustomerlabel">Current:</label> <label class="sizedCustomerlabel">Total:</label></div><div class="rightdiv"> <br/> <label class="sizedCustomerDataRightlabel">$7.15 </label> <label class="sizedCustomerDataRightlabel">$90.48 </label> <label class="sizedCustomerDataRightlabel">$5.50 </label> <label class="sizedCustomerDataRightlabel">$37.31 </label> <label class="sizedCustomerDataRightlabel">$7.34 </label> <label class="sizedCustomerDataRightLabelRed">$147.78 </label></div> </div> </fieldset> <fieldset> <legend>Account Options</legend> <br/><form action="/Customer/AccountScreenButton" method="post"> <div class="sidebysidebuttons"> <div class="box"> <button name="options" value="http://stackoverflow.com/questions/14593211/payment">Make a Payment</button> <button name="options" value="http://stackoverflow.com/questions/14593211/activity">Display Activity</button> </div> </div> </form> </fieldset> <fieldset> <legend>Billing Info</legend> <div><div class="leftdiv"> <br/> <label class="sizedCustomerlabel">Budget Bal:</label> <label class="sizedCustomerlabel">Budget Rate:</label> <label class="sizedCustomerlabel">Non-Budget Bal:</label> <label class="sizedCustomerlabel">LastPayment Date:</label> <label class="sizedCustomerlabel">Last Payment Amount:</label> <label class="sizedCustomerlabel">Security Deposit:</label> <label class="sizedCustomerlabel">Prev Statment Bal:</label></div><div class="rightdiv"> <br/> <label class="sizedCustomerDataRightlabel">$0.00 </label> <label class="sizedCustomerDataRightlabel">$0.00 </label> <label class="sizedCustomerDataRightlabel">$0.00 </label> <label class="sizedCustomerDataRightlabel">06/27/2012 </label> <label class="sizedCustomerDataRightlabel">$59.25 </label> <label class="sizedCustomerDataRightlabel">$0.00 </label> <label class="sizedCustomerDataRightlabel">$147.78 </label></div> </div> </fieldset></div> <div style="clear: both;"></div> </div> <div id="footer"> </div> </div> </div> </body></html>
using System.Collections@using SuburbanCustPortal.SuburbanService@model SuburbanCustPortal.SuburbanService.CustomerData @{ ViewBag.Title = "Account Screen"; }<h2>AccountScreen</h2><div class="leftdiv"> <fieldset> <legend>Customer Info</legend> @Html.Partial("CustomerInfo", Model) </fieldset> <fieldset> <legend>Delivery Address</legend> @Html.Partial("DeliveryAddress", Model) </fieldset> <fieldset> <legend>Delivery Info</legend> @Html.Partial("DeliveryInfo", Model) </fieldset></div><div class="rightdiv"> <fieldset> <legend>Balance</legend> @Html.Partial("AccountBalance", Model) </fieldset> <fieldset> <legend>Account Options</legend> <br/> @using (Html.BeginForm("AccountScreenButton", "Customer", FormMethod.Post)) { <div class="sidebysidebuttons"> <div class="box"> <button name="options" value="http://stackoverflow.com/questions/14593211/payment">Make a Payment</button> <button name="options" value="http://stackoverflow.com/questions/14593211/activity">Display Activity</button> </div> </div> } </fieldset> <fieldset> <legend>Billing Info</legend> @Html.Partial("BillingInfo", Model) </fieldset></div>And this is in my css file that I'm calling:.leftdiv { float: left; width: 49%; text-align: left; display: inline;}.rightdiv { float: right; width: 49%; text-align: left; display: inline;}.sidebysidebuttons { float: left; display: block; margin-left: 60px; text-align:center }Anyone know how I can get them to look the same, or rather both like how IE is displaying them or see what I'm doing wrong?===== as requested =====This is the page source when the page has loaded:<!DOCTYPE html><html><head> <title>Your Company Name Here : Account Screen</title> <link href="http://stackoverflow.com/Content/reset.css" rel="stylesheet" type="text/css" /> <link href="http://stackoverflow.com/Content/Site.css" rel="stylesheet" type="text/css" /> <link href="http://stackoverflow.com/Content/web.css" rel="stylesheet" type="text/css" /> <script src="http://stackoverflow.com/Scripts/jquery-1.5.1.min.js" type="text/javascript"></script> <script src="http://stackoverflow.com/Scripts/Views/main.js" type="text/javascript"></script> <meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" /> <meta http-equiv="Pragma" content="no-cache" /> <meta http-equiv="Expires" content="0" /> <script> $(function () { $('.focus :input').focus(); }); </script></head> <body> <div class="page"> <div id="header"> <div id="headerimg"></div> <div id="logindisplay"> Welcome <strong>webtest</strong>! [ <a href="http://stackoverflow.com/Account/LogOff">Log Off</a> ] </div> <div id="menucontainer"> <ul id="menu"> <li><a href="http://www.xxxxxx.com">Home</a></li> <li><a href="http://stackoverflow.com/Customer/AccountScreen">Account</a></li> <li><a href="http://stackoverflow.com/Payment/PrePayment">Make Payment</a></li> <li><a href="http://stackoverflow.com/GasOrder/OrderGas">Order Gas</a></li> <li><a href="http://stackoverflow.com/Home/ContactUs">Contact Us</a></li> <li><a href="http://stackoverflow.com/Account/UpdateAccount">Update Login</a></li> <li><a href="http://stackoverflow.com/Home/NewsList">* Sales *</a></li> </ul> </div> <div id="main"><h2>AccountScreen</h2><div class="leftdiv"> <fieldset> <legend>Customer Info</legend><div class="leftdiv"> <br/> <label class="sizedCustomerlabel">Account Number:</label> <label class="sizedCustomerlabel">Name:</label> <label class="sizedCustomerlabel">Mailing Address:</label> <label class="sizedCustomerlabel">City:</label> <label class="sizedCustomerlabel">St/Zip:</label> <label class="sizedCustomerlabel">Phone Number:</label></div><div class="rightdiv"> <br/> <label class="sizedCustomerDataLeftLabel">01 - 02228 </label> <label class="sizedCustomerDataLeftLabel">PICKERING VALLEY CONTRAC </label> <label class="sizedCustomerDataLeftLabel">960 POTTSTOWN PIKE </label> <label class="sizedCustomerDataLeftLabel">CHESTER SPRINGS </label> <label class="sizedCustomerDataLeftLabel">PA 19425 </label> <label class="sizedCustomerDataLeftLabel">610 458-7200</label></div> </fieldset> <fieldset> <legend>Delivery Address</legend><div class="leftdiv"> <br/> <label class="sizedCustomerlabel">Care of:</label> <label class="sizedCustomerlabel">Delivery Street:</label> <label class="sizedCustomerlabel">Delivery City:</label> </div><div class="rightdiv"> <br/> <label class="sizedCustomerDataLeftLabel"> </label> <label class="sizedCustomerDataLeftLabel"> </label> <label class="sizedCustomerDataLeftLabel"> </label> </div> </fieldset> <fieldset> <legend>Delivery Info</legend><div class="leftdiv"> <br/> <label class="sizedCustomerlabel">Last Delivery Date:</label> <label class="sizedCustomerlabel">Number of Tanks:</label> <label class="sizedCustomerlabel">Tank Serial#:</label> <label class="sizedCustomerlabel">Tank Size:</label> <label class="sizedCustomerlabel">Tank Type:</label> <label class="sizedCustomerlabel">Qty Last Delivered:</label> <label class="sizedCustomerlabel">Year To Date Deliveries:</label> <label class="sizedCustomerlabel">Year To Date Gas:</label> <label class="sizedCustomerlabel">Total Used Last Year:</label> </div><div class="rightdiv"> <br/> <label class="sizedCustomerDataLeftLabel">10/16/2012 </label> <label class="sizedCustomerDataLeftLabel">1 </label> <label class="sizedCustomerDataLeftLabel"> </label> <label class="sizedCustomerDataLeftLabel">30 </label> <label class="sizedCustomerDataLeftLabel"> </label> <label class="sizedCustomerDataLeftLabel">15 </label> <label class="sizedCustomerDataLeftLabel">4 </label> <label class="sizedCustomerDataLeftLabel">70.4 </label> <label class="sizedCustomerDataLeftLabel">117.0 </label> </div> </fieldset></div><div class="rightdiv"> <fieldset> <legend>Balance</legend> <div><div class="leftdiv"> <br/> <label class="sizedCustomerlabel">Over 30:</label> <label class="sizedCustomerlabel">Over 60:</label> <label class="sizedCustomerlabel">Over 90:</label> <label class="sizedCustomerlabel">Over 120:</label> <label class="sizedCustomerlabel">Current:</label> <label class="sizedCustomerlabel">Total:</label></div><div class="rightdiv"> <br/> <label class="sizedCustomerDataRightlabel">$7.15 </label> <label class="sizedCustomerDataRightlabel">$90.48 </label> <label class="sizedCustomerDataRightlabel">$5.50 </label> <label class="sizedCustomerDataRightlabel">$37.31 </label> <label class="sizedCustomerDataRightlabel">$7.34 </label> <label class="sizedCustomerDataRightLabelRed">$147.78 </label></div> </div> </fieldset> <fieldset> <legend>Account Options</legend> <br/><form action="/Customer/AccountScreenButton" method="post"> <div class="sidebysidebuttons"> <div class="box"> <button name="options" value="http://stackoverflow.com/questions/14593211/payment">Make a Payment</button> <button name="options" value="http://stackoverflow.com/questions/14593211/activity">Display Activity</button> </div> </div> </form> </fieldset> <fieldset> <legend>Billing Info</legend> <div><div class="leftdiv"> <br/> <label class="sizedCustomerlabel">Budget Bal:</label> <label class="sizedCustomerlabel">Budget Rate:</label> <label class="sizedCustomerlabel">Non-Budget Bal:</label> <label class="sizedCustomerlabel">LastPayment Date:</label> <label class="sizedCustomerlabel">Last Payment Amount:</label> <label class="sizedCustomerlabel">Security Deposit:</label> <label class="sizedCustomerlabel">Prev Statment Bal:</label></div><div class="rightdiv"> <br/> <label class="sizedCustomerDataRightlabel">$0.00 </label> <label class="sizedCustomerDataRightlabel">$0.00 </label> <label class="sizedCustomerDataRightlabel">$0.00 </label> <label class="sizedCustomerDataRightlabel">06/27/2012 </label> <label class="sizedCustomerDataRightlabel">$59.25 </label> <label class="sizedCustomerDataRightlabel">$0.00 </label> <label class="sizedCustomerDataRightlabel">$147.78 </label></div> </div> </fieldset></div> <div style="clear: both;"></div> </div> <div id="footer"> </div> </div> </div> </body></html>