I need help with a layout., PLZ&THX. [: Options

[xxANGExx]

Mmmkay, so I'm working on a layout for my xanga, using a test xanga, which is right here. &I'm having a few problems. Firstly, my blog isn't showing as wide as I'd like it to. I want it about 400 pixels, but it looks much less to me. Secondly, my comment box isn't resized right. I'm not sure why because I used the code provided here on createblog. &Lastly, my layout obviously looks better when the page is in a full-screen view, like F11. Does anyone know of any way I can make it defaultly full screen when someone views it? For example, those pop-ups that pop up small &then expand to fill your full screen? I'm thinking I'd probably use some javascript for that, but not sure what kind of code of where to find it. Any help here would be much appreciated.

Here's my code:

<!-- begin code provided by createblog.com --><br /><br /><script type='text/javascript'><br />document.title = ('say "hello JELLO."');<br /></script><br /><br /><style type="text/css"><br />table.navigation, table.footer { display:none; }</style><br /><br /><style type="text/css"><br />#pnlEnabled table, #htmleditor, #lblTimeZone, #pnlEprops, #rblEprops { <br />width: auto !important; <br />}</style><br /><br /><style type="text/css"><br />.leftmoduletitlebar, .leftmoduleborder, .leftmoduleinterior, table.left, table.left TH, table.left TD, table.navigation, table.footer, .search, .searchbarborder <br />{display: none;} <br /></style><br /><br /><style type="text/css"><br />/* COPYRIGHT xxANGExx@XANGA.COM */<br />body <br />{background-color: #000000;<br />cursor: crosshair;<br />margin: 0;<br /><br />scrollbar-arrow-color: #FFFFFF;<br />scrollbar-track-color: #DCE7F5;<br />scrollbar-shadow-color: #AFC3DE;<br />scrollbar-face-color: #AFC3DE;<br />scrollbar-highlight-color: #FFFFFF;<br />scrollbar-darkshadow-color: #657B95;<br />scrollbar-3dlight-color: #657B95;}<br /><br />div.blogheader, .caption <br />{background-image: url();<br />background-repeat: no-repeat;<br />background-position: bottom left;<br />font: bold 10pt arial;<br />color: #657B95;<br />line-height: 18px;<br />text-transform: uppercase;<br />letter-spacing: 2px;<br />background-color: none;<br />text-align: right;<br />width:400px;<br />border: 0px solid #657B95;}<br /><br />hr <br />{display:none;}<br /><br />b, strong <br />{font-weight: bold;<br />color: #657B95;}<br /><br />i, em <br />{font-weight: italic;<br />color: #657B95;}<br /><br />u <br />{text-decoration: underline;<br />color: #657B95;<br />border-bottom: 1px solid #899DB2;}<br /><br />input, select, textarea, iframe.htmleditor, .textfield, .button <br />{border: 1px solid #657B95;<br />font: normal 8pt verdana;<br />background-color: #DCE7F5;<br />font-color: #657B95;}<br /><br />font,td,p,xmp<br />{color: #899DB2;<br />font-family: verdana;<br />font-weight: normal;<br />font-size: 8pt;<br />line-height: 12pt;<br />text-align: justify;}<br /><br />table.blogbody tr td <br />{width: 400px; <br />padding-left: 0px;} <br /><br />table.blogbody <br />{background-color: none;<br />font: normal 8pt verdana;<br />color: #899DB2;<br />line-height: 12pt;<br />text-align: left;<br />border: 0px solid #657B95;<br />width: 400px;<br />overflow: visible;}<br /><br />a:link<br />{font: normal 8pt verdana;<br />color: #758292;<br />line-height: 12pt;<br />text-transform: none;<br />text-decoration: none;<br />cursor: default;}<br /><br />a:active<br />{font: normal 8pt verdana;<br />color: #899DB2;<br />line-height: 12pt;<br />text-transform: none;<br />text-decoration: none;<br />cursor: default;}<br /><br />a:visited<br />{font: normal 8pt verdana;<br />color: #758292;<br />line-height: 12pt;<br />text-transform: none;<br />text-decoration: none;<br />cursor: default;}<br /><br />a:hover <br />{font: normal 8pt verdana;<br />color: #657B95;<br />line-height: 12pt;<br />text-transform: none;<br />text-decoration: underline;<br />border-bottom: 1px solid #899DB2;<br />cursor: default;}<br /></style><br /><br /><div align="right"><br /><br /><div id="blog" style="position: static; margin-left: 650px;  height: 100%; background: none; overflow:;"><table border="0"></div><br /><!-- end code provided by createblog.com -->

[paopuu]

cutie_pie2. This place is for xanga help and not for advertisement.

Try this. When I tested your code, there was a horizontal scrollbar at the bottom, so I changed that. Maybe it's because to the browsers or resolution of the screen.

<!-- begin code provided by createblog.com --><br /><!-- begin code provided by createblog.com --><br /><br /><script type='text/javascript'><br />document.title = ('say "hello JELLO."');<br /></script><br /><br /><style type="text/css"><br />table.navigation, table.footer { display:none; }</style><br /><br /><style type="text/css"><br />#pnlEnabled table, #htmleditor, #lblTimeZone, #pnlEprops, #rblEprops { <br />width: 400px;<br />}</style><br /><br /><style type="text/css"><br />.leftmoduletitlebar, .leftmoduleborder, .leftmoduleinterior, table.left, table.left TH, table.left TD, table.navigation, table.footer, .search, .searchbarborder <br />{display: none;} <br /></style><br /><br /><style type="text/css"><br />/* COPYRIGHT xxANGExx@XANGA.COM */<br />body <br />{background-color: #000000;<br />scrollbar-arrow-color: #FFFFFF;<br />scrollbar-track-color: #DCE7F5;<br />scrollbar-shadow-color: #AFC3DE;<br />scrollbar-face-color: #AFC3DE;<br />scrollbar-highlight-color: #FFFFFF;<br />scrollbar-darkshadow-color: #657B95;<br />scrollbar-3dlight-color: #657B95;}<br /><br />div.blogheader, .caption <br />{background-image: url();<br />background-repeat: no-repeat;<br />background-position: bottom left;<br />font: bold 10pt arial;<br />color: #657B95;<br />line-height: 18px;<br />text-transform: uppercase;<br />letter-spacing: 2px;<br />background-color: none;<br />text-align: right;<br />width:400px;<br />border: 0px solid #657B95;}<br /><br />hr <br />{display:none;}<br /><br />b, strong <br />{font-weight: bold;<br />color: #657B95;}<br /><br />i, em <br />{font-weight: italic;<br />color: #657B95;}<br /><br />u <br />{text-decoration: underline;<br />color: #657B95;<br />border-bottom: 1px solid #899DB2;}<br /><br />input, select, textarea, iframe.htmleditor, .textfield, .button <br />{border: 1px solid #657B95;<br />font: normal 8pt verdana;<br />background-color: #DCE7F5;<br />font-color: #657B95;}<br /><br />font,td,p,xmp<br />{color: #899DB2;<br />font-family: verdana;<br />font-weight: normal;<br />font-size: 8pt;<br />line-height: 12pt;<br />text-align: justify;}<br /><br />table.blogbody <br />{background-color: none;<br />border: 0px solid #657B95;<br />width: 400px;}<br /><br />a:link<br />{font: normal 8pt verdana;<br />color: #758292;<br />line-height: 12pt;<br />text-transform: none;<br />text-decoration: none;<br />cursor: default;}<br /><br />a:active<br />{font: normal 8pt verdana;<br />color: #899DB2;<br />line-height: 12pt;<br />text-transform: none;<br />text-decoration: none;<br />cursor: default;}<br /><br />a:visited<br />{font: normal 8pt verdana;<br />color: #758292;<br />line-height: 12pt;<br />text-transform: none;<br />text-decoration: none;<br />cursor: default;}<br /><br />a:hover <br />{font: normal 8pt verdana;<br />color: #657B95;<br />line-height: 12pt;<br />text-transform: none;<br />text-decoration: underline;<br />border-bottom: 1px solid #899DB2;<br />cursor: default;}<br /></style><br /><br /><div align="right"><br /><br /><div id="blog" style="position: static; margin-left: 580px; height: 100%; background: none; overflow:;"><table border="0"></div><br /><!-- end code provided by createblog.com --><br /><!-- end code provided by createblog.com -->

For stretching the browser, you can try:
http://www.createblog.com/forums/index.php?showtopic=5174
but it may not work on xanga anymore. You can always inform people on your site that they need to maximize the page.