scrollbar help! Options

[laughn_l0ser]

how do i get my layout with a scroll bar?? like this over here
well can i still use my layout im using tight now and just put the scrollbar code though?

heres my layout code

<!-- begin code provided by createblog.com --><br /><style type="text/css"><br />body {<br />  background-color: #71BEF5;<br />  scrollbar-arrow-color: #71BEF5;<br />  scrollbar-track-color: #FFFFFF;<br />  scrollbar-shadow-color: #000000;<br />  scrollbar-face-color: #FFFFFF;<br />  scrollbar-highlight-color: #71BEF5;<br />  scrollbar-darkshadow-color: #FFFFFF;<br />  scrollbar-3dlight-color: #339de8;<br />  }<br />.left, .blogbody, table.footer, .standard, .leftmodulefontcolor, td, p {<br />/* edits main text */<br />  font:normal 11px arial;<br />  line-height:12px;<br />  color:#000000;<br />  letter-spacing:0px;<br />  text-align:justify;<br />  }<br />.blogbody b, .standard b, p b, strong {<br />/* edits bolded text in your entry */<br />  font-weight: bold;<br />  color: #71BEF5;<br />  cursor:url();<br />  text-transform: none;<br />  letter-spacing:-2px<br /> }<br /> i, {<br />/* edits italize text in your entry */<br /> font: italic 10pt times new roman;<br /> color: #339de8;<br /> letter-spacing:-2px;<br /><br />  }<br />table.footer TD {<br />/* this makes the footer at the bottom centered */<br />/* leave it alone unless you know what to do*/<br />  text-align: left;<br />  }<br />div.blogheader, .caption {<br />/* edits the dates */<br />  font-family:arial;<br />  text-transform:lowercase;<br />  font-size:12px;<br />  line-height:13px;<br />  font-weight:bold;<br />  color:#339de8;<br />  letter-spacing:0px;<br />  background-color: #ffffff;<br />  border-bottom: 1px solid #000000;<br />  border-top: 1px solid #000000;<br />  border-left: 1px solid #000000;<br />  border-right:1px solid #000000;<br />  text-align: left;<br />  padding: 2px;<br />  }<br />a:link, .footernav.link, a.footernav:link, a.footernav:active {<br />/* edits all links */<br />  color:#339de8;<br />  font:normal 11px arial;line-height:11px;<br />  text-decoration: none;<br />  text-transform: lowercase;<br /><br />  }<br />a:visited, a.footernav:visited,  {<br />/* edits the links that the user has visited */<br />  color:#339de8;<br />  font:normal 11px arial;<br />  line-height:10px;<br />  text-decoration: none;<br />  }<br />a:hover {<br />/* edits when user mouseovers the links */<br />  color:#000000;<br />  font:normal 11px arial;<br />  line-height:10px;<br />  cursor: none;<br />  text-decoration: flip;<br />  letter-spacing 1pt;<br />   border-bottom: 1px dashed #000000;<br />border-top: 1px dashed #000000;<br />border-left:1px solid #000000;<br />border-right: 1px solid #000000;<br /><br />  }<br />input, select, textarea, .textfield, .button {<br />/* this edits the buttons, dropdowns, etc. */<br />  border: 1px solid #000000;<br />  font:normal 11px arial;<br />  background-color: #FFFFFF;<br />  letter-spacing:0px;<br />  color: #339de8;<br />  }<br />table.left {<br />/* this edits the menu module */<br />  border: 1px solid #000000;<br />  width:160px;<br />   background-color: #FFFFFF;<br />  }<br />table.blogbody {<br />/* this edits the other the place where the  blog is */<br />  border-bottom: 1px solid #000000;<br />border-top: 1px solid #000000;<br />border-left:1px solid #000000;<br />border-right: 1px solid #000000;<br />  background-color: #ffffff;<br />  width:400px;<br />  }<br />table.left th {<br />/* on your menu module, this edits the title part of it */<br />/* like BLOGRINGS, POSTING CALENDAR, etc */<br />  font-family:arial;<br />  text-transform:lowercase;<br />  font-size:11px;<br />  line-height:9px;<br />  font-weight:none;<br />  color:#339de8;<br />  letter-spacing:0px;<br />  background-color: #ffffff;<br />  text-align: left;<br />  border-bottom: 1px solid #000000;<br />  border-top: 1px solid #000000;<br />  border-left: 1px solid #000000;<br />  border-right: 1px solid #000000;<br /><br />  }<br />table.left TD {<br />/* on your menu module, this edits the body part of it */<br />  background-image: url();<br />  background-color: #ffffff;<br />  border-bottom: 1px solid #000000;<br />  border-top: 1px solid #000000;<br />  border-left: 1px solid #000000;<br />  border-right: 1px solid #000000;<br />  }<br />table.search TD, table.search, table.announcements {<br />/* border of search bar (if you have it) */<br />  background-color:#FFFFFF;<br />  border:  1px solid #000000;<br />  }<br />table.search TD, table.announcements TH {<br />/* this should be left alone */<br />/* unless you know what to do */<br />  border: 0px solid #ffffff;<br />  }<br />table.navigation, table.main, table.footer {<br />/* the width of your blog with modules */<br />  width: 500px;<br />  }<br />hr {<br />/* horizontal divider */<br />  border: 1px solid #0000000;<br />  }<br />hr {<br />/* horizontal divider */<br />width: 410px;<br />color: #000000;<br />}<br /></style><br /><!-- end code provided by createblog.com -->

[laughn_l0ser]

no i mean the whole page

edit///

okay i found out how to do it now but i just wanna kno how do u get a space out?

i want something likethis but i just don't like the scroll bar in the bottom

edit agian///

nevermind i figured it out myself.