O_O What happened?, coding and aligning and stuff Options

[khraene]

I finished my new layout this morning..and I coded it for Mozilla Firefox in 1152x864, but when I viewed it in 1024x768, it became all...misaligned and stuff. Not even just where the blog was...
Here's what it looks like my res.

And here's what it looks like in 1024x768


Can someone help me fix this? Thanks ^^

Here's my source code, if anyone needs it.

<!-- begin code provided by createblog.com --><br /><br><script>document.title="khraene//";</script> <br /><div align="left"></div><br /><br /><style type="text/css"><br /><br />#rblEprops, #pnlEnabled table, #pnlEprops table { <br />width: auto !important; <br />}<br /><br />table.header, table.main, table.footer, table.navigation{<br />width:100%;<br /><br />}<br />table.blogbody, div.blogheader, .caption{<br />width:100%;<br /><br />}<br />div.blogheader, .caption{<br />width:100%;<br />align:left;<br /><br />}<br /><br /><br />td.maincenter {<br />text-align:left;<br />}<br />body {<br />background:#000000 url("http://i3.photobucket.com/albums/y75/khraene/phantomfeathered.jpg" bottom right fixed no repeat);<br />margin:0;<br />padding:0;<br />overflow-x:hidden;<br />scrollbar-Arrow-Color: #ffffff;<br />scrollbar-Track-Color: #000000;<br />scrollbar-Shadow-Color: #FFBBE3;<br />scrollbar-Face-Color: #000000;<br />scrollbar-Highlight-Color: #000000;<br />scrollbar-darkshadow-color: #000000;<br />scrollbar-3dLight-Color: #BDEAFF;<br />font-family: verdana;<br />font-size:8pt;<br />color:#ffffff;<br />}<br />texttable.left, td.mainleft, table.left, table.navigation, table.footer, table.search {<br />display: none;<br />} <br />.modules, .blogbody, table.footer, .standard, .modulemodulefontcolor, td, p, .content, .smalltext {<br />font:normal 8pt verdana;<br />color: #ffffff;<br />text-align:left;<br />}<br />a:link, a:active, a:visited{<br />color:#ffffff;<br />text-decoration:underlined;<br />}<br />a:hover{<br />color:#000000;<br /><br />text-decoration:none<br />}<br />input, select, textarea, .textfield, .button{<br />border: 1px solid: #BDEAFF;<br />background-color: #ffffff;<br />letter-spacing:0px;<br />color: #EACDFF;<br />font: 8pt verdana;<br />}<br />div.blogheader, .caption {<br />font-family:georgia;<br />text-transform:lowercase;<br />font-weight: underlined;<br />font-size: 18pt;<br />color: #DCFFC7;<br />background-color:transparent;<br />text-align: right;<br />font-weight:none;<br />padding:0px;<br />border-bottom: 2px solid #FFBBE3;<br />}<br />table.blogbody {<br />border-top: 2px solid #EACDFF;<br />background-color:transparent;<br />padding:0px;<br />}<br />.blogbody td { <br />width:1x;<br />padding-left:0px; <br />}<br />table.search{<br />border:0px;<br />background-color:transparent;<br />}<br />table.search td{<br />background-color:transparent;<br />}<br />hr {<br />color: #EACDFF;<br />}                   <br />hr {display:none;}<br /><br />.blogbody b, .standard b, p b, strong {<br />/* edits bolded text in your entry */<br /> color: #EACDFF;<br /> font-size: 9pt;<br /> }<br />.blogbody i, .standard i, p i {<br />/* edits italicized text in your entry */<br /> font-weight: italicized;<br /> color: #FFD8BE;<br /> }<br />.blogbody u, .standard u, p u {<br />/* edits underlined text in your entry */<br /> font-weight: underlined;<br /> color: #FFBBE3;<br /> }<br /></style><div align="left"><IMG SRC="http://i3.photobucket.com/albums/y75/khraene/nav.png" WIDTH=100 HEIGHT=585 BORDER=0 ALT="" USEMAP="#nav_Map" align="left"><br /><MAP NAME="nav_Map"><br /><AREA SHAPE="rect" ALT="design" COORDS="0,426,99,462" HREF="http://www.xanga.com/khraene"><br /><AREA SHAPE="rect" ALT="get firefox" COORDS="0,388,99,424" HREF="http://www.getfirefox.com"><br /><AREA SHAPE="rect" ALT="read" COORDS="0,351,99,385" HREF="http://www.xanga.com/private/subs.aspx"><br /><AREA SHAPE="rect" ALT="subscribe" COORDS="0,315,99,349" HREF="http://www.xanga.com/private/SubscribeTo.aspx?user=khraene"><br /><AREA SHAPE="rect" ALT="claf" COORDS="0,278,99,313" HREF="http://www.xanga.com/claf"><br /><AREA SHAPE="rect" ALT="profile" COORDS="0,240,99,276" HREF="http://www.xanga.com/profile.aspx?user=khraene"><br /><AREA SHAPE="rect" ALT="signout" COORDS="0,201,99,238" HREF="http://www.xanga.com/logout.aspx"><br /><AREA SHAPE="rect" ALT="sign in" COORDS="0,166,99,199" HREF="http://www.xanga.com/signin.aspx"><br /><AREA SHAPE="rect" ALT="yours" COORDS="0,130,99,165" HREF="http://www.xanga.com/private/home.aspx"><br /><AREA SHAPE="rect" ALT="xanga" COORDS="0,93,99,129" HREF="http://www.xanga.com"><br /></MAP></div><br /><div align="right"><img src="http://e.domaindlx.com/Yukinira/layout.jpg" align="right"></div><br /><br /><div style="overflow: auto; width: 480px; height: 547px; margin-top: 15px; margin-left: 138px;"><br /><!-- end code provided by createblog.com -->

[Kenado]

Well if you code it in a screen resolution say 1024 by 726? I think then you view it in 800 by 600 it won't show up the same bu I guess you can tell your visitors its best viewed by your screen resoultion.

[khraene]

Not that many people [at least, not many people I know] use my resolution, so I wanted to code it for 1024x768, and leave a note up top saying "best viewed" but...I don't know how to fix it in 1024x768, because it works fine in 1152x864, so I don't know what's wrong ><

[boobooxpp]

redo it and make it smaller!! :D

[Kenado]

Or you can try re-coding it in the 1024 by 726 screen resolution, or just use this to tell them to change the screen resoultion.

http://www.createblog.com/forums/index.php?showtopic=10975

[khraene]

redo it and make it smaller!! :D

-blink- It's too big! -just noticed- Thanks xP