float issue

hi all does any one know why my page does not display correctley?

when the page is made smaller the container goes under the menu?
also is there a way of making the container look better?

site www.david-ward.co.uk/test
css www.david-ward.co.uk/test/style.css

many thanks all

david

 

it appears simple basic mathematics problem
you may re-view your need for the many margins

if you replace your CSS with smaller blocks then it all looks perfect on my editor:

#content{
background-color: #cccccc;
margin: 10px 5px 5px 12px;
float: right;
padding: 5px;
max-width:75%;
display: block;
}

#menu{
background-color: #abcabc;
padding: 5px;
margin-top:10px;
float: left;
width: 115px;
text-align:justify;
}


then figure out where your limits are and what exactly you need.

add up all your margins, %, padding, etc and it has to fit into a browser window and into 100% as well

 

thanks ill give that a try

david