Help please, =] Options

[Teesa]

SO, I just made a new layout and I'm having a problem. The following link will tell you where I'm having problems with it.

http://img158.echo.cx/img158/1854/summerlayout1edit2lf.png

I want all the extra stuff in those two boxes, but the text just goes off of them, instead of forming scrollbars. I thought my code was right--the problem is at the beginning of the code, I just don't know where--..so here you go:

<!-- begin code provided by createblog.com --><br /><!-- begin code provided by createblog.com --><br /><img src="http://img262.echo.cx/img262/935/summerlayout10sx.png"><br /><!-- end code provided by createblog.com --><br /><div id="Information" style="position:static; margin-left: 0px; margin-top: -360px; border: 0px <br />solid #ffffff; width: 145px; height: 483; background: transparent; overflow: auto;"><br /><img src="http://img277.echo.cx/img277/7538/thheart52kc.gif"> Teesa<br><img src="http://img277.echo.cx/img277/9316/thmystuff3655ut.gif"> Layout made with Photoshop<br><img src="http://img272.echo.cx/img272/420/pinkflower9yg.png"> Summer Love//version 9<br><img src="http://img88.echo.cx/img88/1772/icecream0xj.png"> Likes:you<br><img src="http://img270.echo.cx/img270/88/leeeaf9kg.png"> AIM:bballbabiegrl<br><img src="http://img279.echo.cx/img279/5181/cherrrie1pb.png"> Please no requests.Thanks.<br></div><br /><br /><div id="Links" style="position:static; margin-left: -50px; margin-top: -294px; border: 0px <br />solid #ffffff; width: 118px; height: 483; background: transparent; overflow: auto;">BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH </div><br /><div id="Blog" style="position:static; margin-left: -465; margin-top: -650px; border: 0px <br />solid #ffffff; width: 250; height: 325; background: transparent; overflow: auto;"><br /><br /><!-- begin code provided by createblog.com --><br /><br /><style type="text/css"><br />table.navigation, table.footer { display:none; }<br /></style><br /><br /><!-- end code provided by createblog.com --><br /><br /><!-- begin code provided by createblog.com --><br /><br /><style type="text/css"><br />.#rblEprops{display:none;}<br />#pnlEnabled table, #htmleditor, #lblTimeZone,<br />/* width of the comment page */<br />{width:245px;}<br />.leftmoduletitlebar, .leftmoduleborder, .leftmoduleinterior, table.left, table.left TH, table.left TD, table.navigation, table.footer <br />{display: none;} <br /></style><br /><br /><!-- end code provided by createblog.com --><br /><br /><!-- begin code provided by createblog.com --><br /><br /><style type="text/css"><br />/* Name of Your Skin - By You*/<br />body <br />{background-color: #COLOR CODE;<br /><br />scrollbar-arrow-color: #COLOR CODE;<br />scrollbar-track-color: #FFFFFF;<br />scrollbar-shadow-color: #FFFFFF;<br />scrollbar-face-color: #FFFFFF;<br />scrollbar-highlight-color: #COLOR CODE;<br />scrollbar-darkshadow-color: #COLOR CODE;<br />scrollbar-3dlight-color: #COLOR CODE;}<br /><br />/* edits the date */<br />div.blogheader, .caption <br />{background-image: url();<br />background-repeat:no-repeat;<br />background-position:center;<br />font-family: FONT FAMILY;<br />text-transform:none;<br />font-size:#px;<br />line-height:#px;<br />font-weight:normal;<br />color:#COLOR CODE;<br />letter-spacing:1px;<br />background-color:#COLOR CODE;<br />text-align:left;<br />border:0px solid #COLOR CODE;}<br /><br />.blogbody b, .standard b, p b, strong {<br />/* edits bolded text in your entry */<br />font-weight: bold;<br />color: #COLOR CODE;}<br /><br />input, select, textarea, iframe.htmleditor, .textfield, .button {<br />/* this edits the buttons, dropdowns, etc. */<br />border: #px solid #COLOR CODE;<br />font:normal #px FONT FAMILY;<br />background-color: #COLOR CODE;<br />font-color:#COLOR CODE;}<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: center;}<br /><br />table.left th {<br />/* on your menu module, this edits the title part of it */<br />/* like BLOGRINGS, POSTING CALENDAR, etc */<br />background-image: url();<br />background-color:none;<br />color: #COLOR CODE;<br />font: bold #pt FONT FAMILY;<br />text-transform: none;<br />text-align:center;<br />border: #COLOR CODE #px solid;}<br /> <br />table.left { <br />/* this edits the menu module */<br />width:180px;<br />color:000000;<br />background-color:#COLOR CODE;<br />BORDER: #COLOR CODE #px solid;}<br /><br />font,td,p,xmp<br />{color:#COLOR CODE;<br />font-face: FONT FAMILY;<br />font-weight:normal;<br />font-size:#pt;<br />text-align:justify;}<br /><br />table.blogbody tr td { <br />/* this edits the left margin of blog */ <br />width:0px; <br />padding-left: 0px;} <br /><br />table.blogbody {<br />/* this edits the other the place where the  blog is */<br />background-color:transparent;<br />family-font: FONT FAMILY;<br />BORDER: #COLOR CODE #px solid;<br />width:###px;} /* <-- The width for this should be around 5-15 pixels less then the width for your blog's div layer. */ <br /><br />a:link<br />{line-height: #pt; <br />font-family: FONT FAMILY;<br />font-weight:normal; <br />color:#COLOR CODE; <br />text-transform:none;<br />font-size:#pt; <br />cursor:crosshair;}<br /><br />a:active<br />{font-family: FONT FAMILY; <br />color:#COLOR CODE; <br />text-transform:none;<br />font-size:#pt; <br />cursor:crosshair;}<br /><br />a:visited<br />{font-family: FONT FAMILY; <br />color:#COLOR CODE; <br />text-transform:none;<br />text-decoration:strikeout;<br />font-size:#pt;<br />cursor: crosshair;}<br /><br />A:hover {font-family:FONT FAMILY;<br />color:#COLOR CODE;<br />text-transform: uppercase; <br />cursor: crosshair; <br />font-weight:bold;<br />font-size:#pt}</style><br /><br /><!-- end code provided by createblog.com --><br /><!-- end code provided by createblog.com -->

[Teesa]

Yeah, I tried, but I think I did it wrong..
Okay, so I tried adjusting the width and the height, but it also moves around the blog..hm.

This post has been edited by Teesa: May 23 2005, 11:06 PM