Trying out a full page layout for the first time, with a left div serving as a block style nav.
#admin_nav {
width: 230px;
height: 100%;
background-color: #f9f9f9;
border-right: 1px solid #ddd;
float: left;
}
The content is on the right side, initially floated and cleared. However, when the browser window was resized smaller, the right div collapsed under the left div. I then attempted to center the right div using margin auto, but it continued to collapse under the left.
#admin_content {
width: 750px;
padding: 20px;
margin: auto;
}
I believe a wrap could prevent the right div from moving under the left float, but how can I create a full page wrap?