I am currently working on a web application using asp.net. I have encountered a major issue where the gridpanel in my form overflows the wrapper container when the browser is resized. You can view the webapplication here.
If you resize your browser or change the resolution, you will notice that the gridpanel extends beyond the container. What could be causing this problem? Below are the CSS snippets:
Master Page CSS:
body {
background-color: #658A07;
}
#container {
background-color: #F4FAE1;
height: 100%;
width: 90%;
margin: 0px auto;
border: 1px solid #B8C97F;
}
#left {
float: left;
width: 304px;
background-color: #F4FAE1;
height: 100%;
border-right: solid;
border-right-width: 1px;
border-right-color: #B8C97F;
}
...
CSS for Gridpanel and Form Contents:
html, body, table, tr, td, h1, h2, h3, h4, h5, input, select, p, textarea {
margin: 0px;
padding: 0px;
font-family: 'Segoe UI', 'Tahoma', 'Arial', 'Open Sans', open-sans, 'Source Sans Pro', MyriadPro-Regular, 'Myriad Pro Regular', MyriadPro, 'Myriad Pro', 'Lucida Grande', 'Droid Sans', Ubuntu, sans-serif;
}
...
Any idea what might be causing this issue?