Help with layout plz!!!, the blog again... Options

[saigonese]

Yah if U remember last time I made a layout and the blog was not in the right position, so you guys helped me fix the script and everything was in place as expected. With that layout, the blog was on the right of the picture, so the part of script for the blog was this:

<div style="overflow: auto; width: 328px; height: 450px; margin-top: -500px; margin-left: 350px;">

This time I made this new layout, using the EXACT SAME script except changing the Hex codes and Image link, but because the blog of this layout is on the left of the picture, so after fixing and all that I got this for the new blog positioning:

<div style="overflow: auto; width: 358px; height: 470px; margin-top: -513px; margin-left: -265px;">

You see, now the margin-left has changed to a negative comparing to the one above, but the blog is in the right place. However, I applied this code and noticed that whenver the window is resized to have the width less than the width of the layout, the blod would also move (to right or left based on how I resize the window). This didnot happen to the first layout, and changing the number to positive will make the blog go in the middle (doesnt matter which number, I tried!). So I have no idea how to fix this, that is to keep the blog in the right place no matter how much the window is resized... Um if u still dun get what I mean, come to my xanga, use the mouse and resize the window, then u ll see... Help me plz! This is the whole thing:

<!-- begin code provided by createblog.com -->
<!-- begin code provided by createblog.com -->
<style type='text/css'>

/* Eminem by SaIgOnEsE */
/* www.xanga.com/saigonese */
/* please do not remove the credit */



</style>

<IMG SRC='http://img96.imageshack.us/img96/1575/kingoffightersskin32wn.jpg' border=0 width=700 height=600 USEMAP='#KoF3'>
<MAP NAME='KoF3'>
<AREA SHAPE=rect COORDS='34,35,118,56' HREF='http://www.xanga.com/profile.aspx?user=saigonese' ALT='Profile'>
<AREA SHAPE=rect COORDS='128,33,212,56' HREF='http://xanga.com/private/home.aspx' ALT='Private'>
<AREA SHAPE=rect COORDS='220,32,279,56' HREF='http://www.xanga.com/claf' ALT='Claf'>
<AREA SHAPE=rect COORDS='288,34,399,56' HREF='http://www.xanga.com/Private/SubscribeTo.aspx?user=saigonese' ALT='Subscribe'>
<AREA SHAPE=rect COORDS='276,573,400,593' HREF='http://www.xanga.com/saigonese' ALT='Skin by Saigonese'>
</MAP>
<div style="overflow: auto; width: 358px; height: 470px; margin-top: -513px; margin-left: -265px;">

<script language=javascript>
document.title=("KoF3")</script>

<style type='text/css'>

table.header, table.left, td.mainleft, table.navigation, table.search, #SearchBar1_pnlYouAreHere, table.footer TD {display: none;}

#pnlEnabled table, #htmleditor, #lblTimeZone, #pnlEprops, #rblEprops { width: auto !important; }

HR {color: #DCDCDC;}

table.announcements, table.announcements TH, .button, .textfield, .pulldown
{border: 1px solid #DCDCDC; }

body
div {filter:chroma(color=#589FE7); /* here you are defining which color you want to be transparent in your scrollbars */

scrollbar-arrow-color: #FF9F40;
scrollbar-face-color: #589FE7; /* transparent */
scrollbar-3dlight-color: #589FE7; /* transparent */
scrollbar-darkshadow-color: #589FE7; /* transparent */
scrollbar-highlight-color: #FF9F40;
scrollbar-shadow-color: #FF9F40;
scrollbar-track-color: #589FE7; /* transparent */
}


.blogbody
{
background: none;
border-bottom: solid 1px #ffffff;
border-top: solid 0px #ffffff;
border-right: solid 0px #ffffff;
border-left: solid 0px #ffffff;}

input, option, select
{font-family: arial;
font-size:9pt;
color: #ffffff;
border: 1px dotted solid #DCDCDC;
background:#ffffff}

body, td, p
{color:#ffffff;
font-size: 8pt;
font-family: arial;
text-transform: none;
text-align:justify;}

a:link {color:#994C00;font-size: 7pt}

a:visited {color:#994C00;font-size: 7pt}

.title { color: #994C00;font-size: 7pt}

a:hover {color:#FF9900;font-size: 7pt;}

div.blogheader, .caption
{letter-spacing: 0px;
text-transform: uppercase;
font-size:10px;
color: #ffffff;
line-height: 30px;
text-align: center;
font-style: bold;
margin-bottom:0px;
width: 100%;}

div.smalltext
{text-align: right;
background-color: transparent;
line-height: 50px;
width: 100%;
font-style:normal;
font-variant:normal;
font-weight:normal;
font-size: 7pt}

BODY{cursor: url(http://www.freewebs.com/alansmk/cursor.ani);}
a {cursor: url(http://www.freewebs.com/alansmk/cursor.ani);}

</style>
<!-- end code provided by createblog.com -->
<!-- end code provided by createblog.com -->

I have troubles all the time...

[Daniel Rodriguez]

why does that matter, everyones gonna look at your xanga full screen... nobody will look at it when its 1inch <---->

[Mulder]

can u provide a link to the site?

[saigonese]

here u go http://www.xanga.com/saigonese ... I did include it up there tho, where it says "come to my xanga"... :)

[saigonese]

why does that matter, everyones gonna look at your xanga full screen... nobody will look at it when its 1inch <----> 

Oh I was thinking that in case some people have have old computers or really small 14" monitor or such... and its so imperfect anyways..

[Mulder]

dont double post. use the edit button


its aligned perfectly on my screen. its 800 x 600. sometimes the alignments change for each layout. dont ask me why, but its fine.

[saigonese]

Thats good news indeed
But Im still wondering, why is it when I change the number to positive the whole blog goes in the middle, but when negative that thingy above happens... but not with the first layout I made! oh why?....
just wanna know so I wont make the same mistake next time....

This post has been edited by saigonese: Aug 10 2005, 04:18 PM

[talcumpowder]

Because that's how xanga is. -shrug- There isn't any real reason, because it wouldn't do that on a normal web layout (at least I don't think so).