I am in the process of creating a website that includes a wrapper div containing a:
-Header
-Content
-Footer
The issue I am encountering is when I insert regular text into the content section, everything displays properly and the background stretches smoothly. However, when I try to add a form with CSS styling within the content div, it extends beyond the wrapper.
Here is the CSS code for my wrapper and content:
#wrapper{
margin:0 auto;
text-align:left;
width:952px;
padding:0 20px 0 21px;
background: green;
position:relative;
}
#content{
width:898px;
float:left;
padding:28px 20px 30px 34px;
min-height:432px;
height:auto !important;
height:432px;
}
You can view an example on fiddle: http://jsfiddle.net/1hmkq14v/