Alignment problem..., Blog and extra info won't align. Options

[emo]

http://myfilestash.com/userfiles/3mo/whatswrong.PNG


^ look...

I don't know what I did wrong. I followed the FAQ from the tutorials shown and I tried everything but it all doesn't seem to align. Also another problem is the horizontal scroll bar...

Here are my codes:

<!-- begin code provided by createblog.com --><br /><br /><IMG NAME="crucifixions0" SRC="http://myfilestash.com/userfiles/emo/crucifixions.png" WIDTH="893" HEIGHT="600" BORDER="0" USEMAP="#crucifixions"><br /><MAP NAME="crucifixions"><br /><AREA SHAPE="rect" COORDS="735,116,825,151" HREF="http://xanga.com"><br /><AREA SHAPE="rect" COORDS="736,156,842,180" HREF="http://www.xanga.com/private/home.aspx?"><br /><AREA SHAPE="rect" COORDS="737,193,836,215" HREF="http://www.xanga.com/claf/Default.asp"><br /><AREA SHAPE="rect" COORDS="737,225,860,249" HREF="http://www.xanga.com/Private/SubscribeTo.aspx?user=crucifixions"><br /><AREA SHAPE="rect" COORDS="737,255,875,280" HREF="http://www.xanga.com/private/subs.aspx"><br /><AREA SHAPE="rect" COORDS="737,293,830,313" HREF="http://xanga.com/crucifixions"><br /><AREA SHAPE="rect" COORDS="736,321,865,344" HREF="http://xanga.com/logout.aspx"><br /><AREA SHAPE="rect" COORDS="738,356,861,383" HREF="http://www.myspace.com/index.cfm?fuseaction=user.viewProfile&friendID=6896188&Mytoken=20050112194348"><br /><AREA SHAPE="rect" COORDS="740,390,827,416" HREF="emo@k.st"><br /></MAP><br /><br /><br /><style type="text/css"><br />table.navigation, table.footer { display:none; }<br /></style><br /><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:295px;}<br />.leftmoduletitlebar, .leftmoduleborder, .leftmoduleinterior, table.left, table.left TH, table.left TD, table.navigation, table.footer <br />{display: none;} <br /></style><br /><br /><br /><style type="text/css"><br />body <br />{background-color: #ffffff;<br /><br />    SCROLLBAR-FACE-COLOR: #FFFFFF;<br />    OVERFLOW-X: hidden;<br />    SCROLLBAR-HIGHLIGHT-COLOR: #FFFFFF;<br />    SCROLLBAR-SHADOW-COLOR: #FFFFFF;<br />    SCROLLBAR-3DLIGHT-COLOR: #FFFFFF;<br />    SCROLLBAR-ARROW-COLOR: #000000;<br />    SCROLLBAR-TRACK-COLOR: #FFFFFF;<br />    SCROLLBAR-DARKSHADOW-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:7px;<br />line-height:9px;<br />font-weight:normal;<br />color:#000000;<br />letter-spacing:2px;<br />background-color:#ffffff;<br />text-align:center;<br />border:1px solid #ffffff;}<br /><br />.blogbody b, .standard b, p b, strong {<br />/* edits bolded text in your entry */<br />font-weight: bold;<br />color: #5ADFAD;}<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:justify;}<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:0px; /*<-- make the number you entered for the width here smaller*/}<br /><br /><br /><br />a:link<br />{line-height: 9pt; <br />font-family: Arial;<br />font-weight:underline; <br />color:#F77D9C; <br />text-transform:none;<br />font-size:7pt; <br />cursor:crosshair;}<br /><br />a:active<br />{font-family: Arial; <br />color:#000000; <br />text-transform:none;<br />font-size:7pt; <br />cursor:crosshair;}<br />text-align:justify;}<br /><br />a:visited<br />{font-family: Arial; <br />color:#000000; <br />text-transform:none;<br />text-decoration:strikeout;<br />font-size:7pt;<br />cursor: crosshair;}<br /><br />A:hover {font-family:Arial;<br />color:#000000;<br />text-transform: uppercase; <br />cursor: crosshair; <br />font-weight:bold;<br />font-size:7pt}</style><br /><br /><br /><br /><div id="Navigation" style="position:static; margin-left: 573px; margin-top: -591px; border:0px solid #000000; width: 100px; height: 100; background: none; overflow: auto;"><br /><p align="left"><br /><br><br>blahblahblah<br /></p><br /><p align="left"><br /></p><br /></div><br /><br /><div id="Blog" style="position:static; margin-left: 192px; margin-top: -60px; border: 0px <br />solid #000000; width: 286px; height: 187px; background: none; overflow: auto;"><p align="left"><br /><br /><!-- end code provided by createblog.com -->

If anybody could help, I would greatly appreciate it. Thanks!

[lovescream]

Play around with your DIV more.

<div id="Blog" style="position:static; margin-left: 192px; margin-top: -60px; border: 0px
solid #000000; width: 286px; height: 187px; background: none; overflow: auto;"><p align="left">

Change the margin-left to maybe... 20 or play around with it. [It's hard to estimate like this.] and margin-top maybe... -100.
eh, just keep playing.

for the horizontal bar, either expand the width of the div, or lower the width of your blogbody.

[seng_ook]

FYI... those codes probablly don't align it properly, because all it basicly does is count the available pixels from the right side i guess, then once its completely to the left side it'll shrink so basicly if you have a higher res computer screen you screwed if the person made it used a lower res... and it works the same in reverse... like my site.. i just decided that anyone using anything lower then 1024x768 can't view it because i can't see anything at 800x600 lol, my screen is at 1600x1200 and i can't gonna bother changing it to something smaller...
so basicly you should have something that could set the window to a certain size and then it'll probablly align better in the end for anyone... unless someone ends up with some setting of 480x something i duno what it was....

erm what that says basicly... you should do some of the following...
get a code that'll resize the window to a certain setting (preferably your template size [ie. 800x600]) and then try to align it to work with that... that'll get you the optimum results... to what i understand....

do what spirited said too... because what i said makes no difference if ur thing isn't aligned

[emo]

Well, I got the blog all aligned and it looks fine now except I still can't figure out how to get ride of the big space for the left module (aka the annoying horizontal scrollbar). Another thing is that I still can't add an additonal scrollbar box for my personal info, and whenever I insert it, it messes up the alignment for the blog box.

And lastly, there's a BIG space on top of the whole layout...I don't know why it's there, but I don't see anything in my codes that put it there. I always have to scroll down to see my whole layout.

[lovescream]

do you have a site reprsenting the layout? so maybe we can get a clearer view of your layout looks like. =]

[emo]

ahh sorry I forgot to do that!

http://myfilestash.com/userfiles/3mo/wtf.PNG

[lovescream]

I was talking about a xanga.. eh anyways.
try this code:

<!-- begin code provided by createblog.com --><br /><style type='text/css'><br />.mainleft { display:none; }<br /></style><br /><!-- end code provided by createblog.com -->

[emo]

Thank you! The left part of the entries is now gone...but now there's another problem (I'm so sorry if I'm annoying you with these problems). The horizontal scrollbar is still there and when I scroll over to the right there's another space and it ends at "Next 5 Entries".

I still haven't figured out how to put my extra info in the scrollbar box thingy yet and the big space above the whole layout is still there.

[lovescream]

Eh. You know what's better? Make a new account on xanga. Post your whole code in. And show it to us from a testing xanga site so we can see the problem.. like visually. :\

[emo]

http://www.xanga.com/home.aspx?user=alyssaaaaaaaaaaaaaaa

[lovescream]

table.blogbody {
/* this edits the other the place where the  blog is */
background-color:transparent;
family-font: Arial;
width:0px; /*<-- make the number you entered for the width here smaller*/}

where it says that in the code, change the width to about 20-40px's smaller than ur DIV's width.

[emo]

It all seems to be working now! Thanks so much to everyone!!!

I feel bad though, since I want to reward you or something now.

[lovescream]

It all seems to be working now! Thanks so much to everyone!!!

  I feel bad though, since I want to reward you or something now.

Oh. give me a hug.

Well, great job on the layout.
You're welcome.

Topic Closed.
If you have more questions, feel free to PM me anytime.