Maybe this is a bug, or my version of VS 2013 is messed or perhaps it's normal... However I think it should be working and I have spend the day trying to make it work and searched Google and here SO all or most of the day. Here is FULL code to paste into a .aspx file and see for yourself....
<%@ Page Language="VB" %>
<!DOCTYPE html>
<script runat="server">
</script>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
<style type="text/css">
.ShortContainer{
text-align:center;
margin:0 auto;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border:2px solid red;
max-width:400px;
}
</style>
</head>
<body>
<div class="ShortContainer"><p>Some Text To Look At</p></div>
</body>
</html>
The idea is to have the DIV with the red border float (not really trying to float here) at 400px in the center of the screen and to scale down as the screen becomes smaller. This is a simplified example set to max 400px to easily see where it is. Instead what I am seeing is 100% width in design time.
The code above renders correctly in all browsers tested. However in design view it's a train wreck!
I hope I explained good enough.
Is it just me?
Thank you.
