Hi
Im having a few issues with html and css layouts. Basically the div #Wrapper will not fill 100% height. If you have more text than height it goes over the blue background image. Easy way to replicate is reduce the height of your browser so you can see about an inch of the page, scroll down and see all the text flooding off the end of the page.
Site here:
http://www.sebdud.co.uk/seb/userCake/index.phpcode here:
<body>
<div id="wrapper">
<div id="content">
<div id="left-nav">
include my nav here
<div class="clear"></div>
</div>
<div id="main">
body text here
</div>
</div>
</div>
</div>
</body>
css:
html, body {
margin: 0px;
background: #061D35;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:0.95em;
color:#fff;
height:100%;
}
#wrapper {
margin:50px auto 0 auto;
background:url('layout/wrapper-bg.png');
background-repeat:repeat-y;
width:765px;
height:100%;
}
#wrapper #content {
padding:45px 30px 0 30px;
height:100%;
}
Thanks in advance!!
