My layout comes out too wide!!, None of the lyts work. Options

[xxlocknloadxx]

I have an icon site, and I just put a layout on my page.

<!-- begin code provided by createblog.com --><br /><script>document.title="text here";</script> <br /><br /><style type="text/css"><br />BODY {<br />background-color:#ffffff;<br />background-image: url(http://tinypic.com/jl3p5h.jpg);<br />background-attachment: fixed;<br />background-repeat: repeat;<br />background-position: top left;<br />scrollbar-face-color: #ADEAEA;<br />scrollbar-shadow-color: #ffffff;<br />scrollbar-highlight-color: #FFF;<br />scrollbar-3dlight-color: #78C0BF;<br />scrollbar-darkshadow-color: #78C0BF;<br />scrollbar-track-color: #FFFFFF;<br />scrollbar-arrow-color: #FFFFFF;<br />font-family: arial;<br />font-size:11pt;<br />font-color: #707070;<br />line-height:150%;<br />text-align: center;<br />}<br />.left, .blogbody, table.footer, .standard, .leftmodulefontcolor, td, p {<br />/* edits main text */<br />font:normal 11px arial;<br />line-height:13px;<br />color: #707070;<br />letter-spacing:0px;<br />text-align:center;<br />}<br />b, strong {font-weight:bold; letter-spacing:1px;color: #00868B;}<br />u {font-weight:normal; letter-spacing: 0px; color: #ADEAEA; border-bottom: 1pt solid #78C0BF;}<br />em,i {font-weight:italize; letter-spacing: 0px; font-family: times new roman; color: #388E8E; FONT-SIZE: 13PX};<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 />div.blogheader, .caption {<br />/* edits the dates */<br />background-image: url(http://tinypic.com/jl2tlz.png);<br />background-attachment: fixed;<br />background-repeat: repeat;<br />background-position: bottom right;<br />background-color: #FFFFFF;<br />font-family: georgia;<br />text-transform:normal;<br />font-size:24px;<br />line-height:32px;<br />font-weight: BOLD;<br />height: 1px;<br />color: #78C0BF;<br />letter-spacing: -3px;<br />text-align: center;<br />width:325px;<br />border-top: 3px solid #78C0BF;<br />border-left: 3px solid #78C0BF;<br />border-right: 3px solid #78C0BF;<br />border-bottom: none;<br /><br />}<br />a:link, .footernav.link, a.footernav:link, a.footernav:active {<br />/* edits all links */<br />border: 1px solid #ADEAEA;<br />color: #8FD8D8;<br />background-color: #FFF;<br />text-transform: uppercase;<br />font: normal 8px terminal;<br />line-height:13px;<br />letter-spacing: 0px;<br />text-decoration: none;<br />}<br />a:visited, a.footernav:visited, {<br />/* edits the links that the user has visited */<br />border: 1px solid #ADEAEA;<br />color: #8FD8D8; <br />background-color: #FFF;<br />text-transform: uppercase;<br />font: normal 8px terminal;<br />line-height:13px;<br />letter-spacing: 0px;<br />text-decoration: none;<br />}<br />a:hover {<br />/* edits when user mouseovers the links */<br />color: #00868B;<br />border: 1px solid #ADEAEA;<br />background-color: #FFF;<br />text-transform: uppercase;<br />text-decoration: none;<br />letter-spacing: 0px;<br />cursor: NE-RESIZE;<br />}<br />input, select, textarea, .textfield, .button {<br />/* this edits the buttons, dropdowns, etc. */<br />border: 1px solid #ADEAEA;<br />font:normal 7.8px terminal;<br />background-color: #ffffff;<br />color:#78C0BF;<br />}<br />table.left { <br />/* this edits the menu module */<br />background-color: #ffffff;<br />background-image: url();<br />font-weight: normal;<br />color: #8B4726;<br />text-align: right;<br />width:160px;<br /><br /><br />}<br />table.blogbody {<br />/* this edits the other the place where the blog is */<br />background-image: url(http://tinypic.com/jl2tlz.png);<br />background-attachment: fixed;<br />background-repeat: repeat;<br />background-position: top left;<br />background-color: #ffffff;<br />border-top: none;<br />border-bottom: 3px solid #78C0BF;<br />border-left: 3px solid #78C0BF;<br />border-right: 3px solid #78C0BF;<br />width:325px;<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(http://tinypic.com/jl2tlz.png);<br />background-attachment: fixed;<br />background-repeat: repeat;<br />background-position: bottom right;<br />background-color: #FFFFFF;<br />font: 16px times new roman;<br />FONT-WEIGHT: normal;<br />text-transform: normal;<br />background-color: #FFFFFF;<br />text-align: center;<br />letter-spacing: -3px;<br />line-height: 17px;<br />color: #000;<br />border-top: 3px solid #78C0BF;<br />border-right: 3px solid #78C0BF;<br />border-left: 3px solid #78C0BF;<br />border-bottom: none;<br /><br />}<br />table.left TD {<br />/* on your menu module, this edits the body part of it */<br />background-image: url(http://tinypic.com/jl2tlz.png);<br />background-attachment: fixed;<br />background-repeat: repeat;<br />background-position: top left;<br />background-color: #ffffff;<br />border-top: none;<br />border-bottom: 3px solid #78C0BF;<br />border-left: 3px solid #78C0BF;<br />border-right: 3px solid #78C0BF;<br />font: arial;<br />color: #707070;<br />text-align: center;<br />border-top: none;<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 #78C0BF;<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 #ADEAEA;<br />}<br />table.navigation, table.main, table.footer {<br />/* the width of your blog with modules */<br />width: 325px;<br />}<br />hr {<br />/* horizontal divider */<br />border: 1px solid #ffffff;<br />}<br />table.footer {display: none;}</style><br /><BODY style="border-bottom: #ADEAEA<br />8t solid; border-top: #ADEAEA<br />8t solid; border-left: #ADEAEA<br />8t solid; border-right: #ADEAEA<br />8t solid"></TBODY><br /></style><br /><!-- begin code provided by createblog.com --><br /><div align="center"><br /><a href="http://www.xanga.com/signin.aspx"> <b>[</b>Welcome<b>]</b></a><br /><br /><a href="http://www.xanga.com/private"><b>[</b>Yours<b>]</b></a> <br /><a href="http://www.xanga.com/Private/SubscribeTo.aspx?user=USERNAMEHERE"><b>[</b>Add Me<b>]</b></a> <br /><a href="http://www.xanga.com/Private/subs.aspx"><b>[</b>Subs<b>]</b></a> <br /><br /><a href="http://www.xanga.com/CLAF"><b>[</b>Look&Feel<b>]</b></a> <br /> <br /><a href="http://www.xanga.com/all4_yooh"><b>[</b>Credit<b>]</b></a><br /><a <br />href="http://www.xanga.com/logout.aspx"> <b>[</b>Bounce<b>]</b></a> <a<br /> </CENTER><br /><!-- end code provided by createblog.com --><br /><style type="text/css"><br />table.navigation, table.footer { display:none; }<br /></style><br /><!-- end code provided by createblog.com -->

And after I put it on, my page was really wide. So I put a few others on there, and all of them had the same result..I tried to adjust the width of the blog, but I don't really have experience with layout codes..Can someone please help me?

[Mulder]

a link would be nice?

i looked very quickly, but maybe you should change the width here?

CODE

table.navigation, table.main, table.footer {
/* the width of your blog with modules */
width: 325px;
}