comment page, width out of place Options

[Nugget]

Okay,so I made a new layout. Umm,so whenever you leave a comment,the blog is out of place as in it's past the layout. I change the width but then it would look ridiculous when your on the user's page and it won't work. Help. Please and thank you.

http://www.xanga.com/babii_vi3t_Tester

[Jus2s1mp13]

you can try the customize it. Comment box: customize

[Nugget]

Nope,that didn't work. Sorry.

[Pulchritude]

i think there is a positioning problem for the blog.. can u pastr your code here.. by the way awesome skin! haha nice theme

[Nugget]

<!-- begin code provided by createblog.com --><br /><MAP NAME='imgmap'><br /><AREA SHAPE='rect' COORDS='283,415,274,486' HREF='http://www.xanga.com/signin.aspx' ALT='signin'><br /><AREA SHAPE='rect' COORDS='284,352,275,393' HREF='http://www.xanga.com/logout.aspx' ALT='signout'><br /><AREA SHAPE='rect' COORDS='283,275,275,330' HREF='http://www.xanga.com/guestbook.asp?user=USERNAME' ALT='guestbook'><br /><AREA SHAPE='rect' COORDS='283,163,275,259' HREF='http://www.xanga.com/profile.aspx?user=USERNAME' ALT='profile'><br /><AREA SHAPE='rect' COORDS='308,432,301,469' HREF='http://www.xanga.com/private/SubscribeTo.aspx?user=USERNAME' ALT='subscribe'><br /><AREA SHAPE='rect' COORDS='308,358,301,387' HREF='http://www.xanga.com/private/subs.aspx' ALT='subs'><br /><AREA SHAPE='rect' COORDS='307,283,299,324' HREF='http://www.xanga.com/Private/home.aspx' ALT='private'><br /><AREA SHAPE='rect' COORDS='307,218,300,248' HREF='http://www.xanga.com/claf' ALT='look and feel'><br /><AREA SHAPE='rect' COORDS='230,1,351,9' HREF='http://www.xanga.com/Private/home.aspx'><br /><AREA SHAPE='rect' COORDS='228,4,347,12' HREF='http://www.xanga.com/mizz_nga_layouts' ALT='Mizz_Nga_layouts'><br /></MAP><br /><br /><IMG SRC='http://img156.exs.cx/img156/1474/meangirls23yl.jpg' border=0 width=792 height=498 USEMAP='#imgmap'> <br /><br /><br /><!-- begin code provided by createblog.com --><br /><br /><div style="overflow: auto; width:450px; height: 430px; margin-top: -440px; margin-left: -715px;"> <br /><br /><!-- end code provided by createblog.com --><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 /><br /><!-- begin code provided by createblog.com --><br /><br /><style type="text/css"><br />.#rblEprops{display:none;}<br />#pnlEnabled table, #htmleditor, #lblTimeZone, #pnlEprops, #rblEprops <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 /><br /><!-- begin code provided by createblog.com --><br /><br /><style type="text/css"><br />/* Mean Girls - By Mizz_Nga*/<br />body <br />{background-color: #ffffff;<br /><br />scrollbar-arrow-color: #000000;<br />scrollbar-track-color: #ffffff;<br />scrollbar-shadow-color: #ffffff;<br />scrollbar-face-color: #ffffff;<br />scrollbar-highlight-color: #ffffff;<br />scrollbar-darkshadow-color: #ffffff;<br />scrollbar-3dlight-color: #ffffff;}<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: arial;<br />text-transform:none;<br />font-size:11px;<br />line-height:#px;<br />font-weight:normal;<br />color:#000000;<br />letter-spacing:2px;<br />background-color:#transparent;<br />text-align:center;}<br /><br />.blogbody b, .standard b, p b, strong {<br />/* edits bolded text in your entry */<br />font-weight: bold;<br />color: #FF33CC;}<br /><br />input, select, textarea, iframe.htmleditor, .textfield, .button {<br />/* this edits the buttons, dropdowns, etc. */<br />font:normal 8px arial;<br />background-color: #ffffff;<br />font-color:#000000;}<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: #000000;<br />font: bold 8pt arial;<br />text-transform: none;<br />text-align:center;}<br /> <br />table.left { <br />/* this edits the menu module */<br />width:180px;<br />color:000000;<br />background-color:#ffffff;}<br /><br />font,td,p,xmp<br />{color:#000000;<br />font-face: arial;<br />font-weight:normal;<br />font-size:8pt;<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: arial;<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: 8pt; <br />font-family: arial;<br />font-weight:normal; <br />color:#ff0000; <br />text-transform:none;<br />font-size:#pt; <br />cursor:crosshair;}<br /><br />a:active<br />{font-family: arial; <br />color:#FFCCFF; <br />text-transform:none;<br />font-size:8pt; <br />cursor:crosshair;}<br /><br />a:visited<br />{font-family: arial; <br />color:#FF99FF; <br />text-transform:none;<br />text-decoration: strikeout;<br />font-size:8pt;<br />cursor: crosshair;}<br /><br />A:hover {font-family:arial;<br />color:#000000;<br />text-transform: uppercase; <br />cursor: crosshair; <br />font-weight:normal;<br />font-size:8pt}</style><br /><br /><!-- end code provided by createblog.com --><br /><br /><br /><!-- begin code provided by createblog.com --><br /><style type="text/css"><br />.blogbody b, .standard b, p b, strong {<br />/* edits bolded text in your entry */<br /> font-weight: bold;<br /> color: #FF33CC;<br /> }<br /></style><br /><!-- end code provided by createblog.com --><br /><br /><br /><!-- begin code provided by createblog.com --><br /><style type="text/css"><br />.blogbody i, .standard i, p i, em {<br /> font-weight: italic;<br /> color: red;}<br /></style><br /><!-- end code provided by createblog.com --><br /><br /><br /><style type="text/css"><br /><br />s {<br />color: ff99ff;<br />}<br /></style><br /><br /><br /><style><br />u{<br />border-bottom: 2px solid #ff99ff;<br />color:#ff33cc;<br />}<br /></style><br /><!-- end code provided by createblog.com -->

Heh,thanks!

[hi-C]

First of all your blog area is waaaaaaay too big. If you press CTRL+A you can see how it goes way outside where its supposed to be. Also, you need to take out

.leftmoduletitlebar, .leftmoduleborder, .leftmoduleinterior, table.left, table.left TH, table.left TD, table.navigation, table.footer

and replace it with

.mainleft{ display:none; }

[Nugget]

But, if I make my blog any smaller then the entries will be smaller. The code thing you gave me didn't work. It made the blog worse and stretched way over the layout.

[hi-C]

By blog area, I meant div, sorry.

And that's what the code was supposed to do. After you used the one I gave, you were supposed to reposition the div and resize it and blogbody accordingly.

[Nugget]

Yay, thank you very muchie.

[hi-C]

Yay, thank you very muchie.

You're welcome.

Topic closed