fletchermouse
New Member
Since last week I am again trying to make a website after an absence of about 2 years. It went pretty well until I noticed that when I minimize the browser, the content does not stay in the wrapper.I have been looking for solutions on this website and on google but I cant seem to find the right one. Most solutions mention problems with #float and overflow but I do not use float (hope that this is not the problem) and I have been playing with the overflow but I cant get it to work.Below you can find the CSS and HTML code I used.The HTML:\[code\] <div id="wrapper"> <div id="content"> <div id="header"> <div id="logo"> <img src="http://stackoverflow.com/questions/10332275/style/images/logo.gif" width="184" height="73" alt="logo" /> </div> <div id="menu"> <ul id="navlist"> <li id="active"><a href="http://stackoverflow.com/questions/10332275/#" id="current">1</a></li> <li>2</li> <li>3</li> <li>4</li> <li>5</li> </ul> </div> </div> <div id="main"> Title subtitle </div> <div id="footer"> <div id="left_banner"> </div> <div id="right_banner"> </div> </div> </div> </div>\[/code\]and the CSS\[code\]html, body, ul, li { margin:0px; padding:0px; height:100%;}#wrapper { text-align: center;background:url(images/bg.gif); background-repeat:repeat; height:100%; width: 100%; overflow:auto;} #content { background-color: #fff; margin: 0px auto; width: 780px; height: 100%; border-left:#fd5d78 4px solid; border-right:#fd5d78 4px solid;}#header { position:relative; height:120px;}#logo { position:absolute; right:43px; top:37px;}#menu { position:absolute; bottom:0px; left:58px;}#main { position:relative; left:25px; top:35px; width:730px; height:320px;}#footer { position:relative; width:730px; left:25px; top:70px; background-color:#0F0; clear:both;}#left_banner { position:absolute; left:0px; width:349px; height:134px; border:#fd5d78 2px solid; background-color:#FFF;}#right_banner { position:absolute; right:0px; width:349px; height:134px; border:#fd5d78 2px solid; background-color:#FFF;}\[/code\]Thanks a mil for your help.