alignment issues Options

[ZenpunK]

I have a question. My layout is nicely aligned in my browser (IE), but in my friends browser (same, IE) its slightly off. Can I ask some layout-savvy person to take a look and tell me what i'm doing wrong? And how bad it looks? lol

THE PROBLEM

[Kenado]

It could be that they are using a different resolution but i think the probelm is that if you maximize the screen it'll get misaligned (the navi) and if you hit minimize it's aligend perfectly
I think it's pretty common b/c some of the layouts I make do that somethimes

[ZenpunK]

Ah I see what you're saying. How do I make it so it doesnt do that?

[Kenado]

could you paste ur code up and use a codebox please

just hit codebox paste code and hit codebox again

[ZenpunK]

<!-- begin code provided by createblog.com --><br /><div align=left><div style="position:static; margin-left:-16px; margin-top:-120px;height:100px;width:700px;"><br /><img src="http://img.photobucket.com/albums/v62/zenpunk/chriscarraba.jpg"><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:245px;}<br />.leftmoduletitlebar, .leftmoduleborder, .leftmoduleinterior, table.left, table.left TH, table.left TD, table.navigation, table.footer <br />{display: none;} <br /></style><br /><br /><style type="text/css"><br />/*Dashboard Confessional*/<br />/*by ZenpunK*/<br />body {<br />background-image:url(http://img.photobucket.com/albums/v62/zenpunk/dashboardbackground.jpg);<br />background-repeat: repeat-y-x;<br />background-color: #ffffff;<br />scrollbar-face-color: #ffffff;<br />scrollbar-shadow-color: #ffffff;<br />scrollbar-highlight-color: #000000;<br />scrollbar-3dlight-color: #ffffff;<br />scrollbar-darkshadow-color: #ffffff;<br />scrollbar-track-color: #ffffff;<br />scrollbar-arrow-color: #000000;<br />}<br /><br />#rblEprops, #pnlEnabled table, #pnlEprops table { <br />width: auto !important; <br />}<br /><br />table.blogbody {<br />width:410px;<br />font-family: Arial;<br />font-weight: none;<br />font-size: 12pt;<br />color: #COLOR;<br />text-align: justify;<br />padding: 0px;<br />margin-top: 2px;<br />}<br /><br />.caption, .blogheader {<br />width: 400px;<br />padding: 3px;<br />font-family:arial;<br />font-size: 16pt;<br />text-align: center;<br />color: #ffffff;<br />background-color: #000000;<br />text-transform: none;<br />margin-top: 10px<br />margin-left: -10px;<br />}<br /><br />div.smalltext{<br />width: 300px;<br />padding: 3px;<br />text-align: justify;<br />}<br /><br />a:link{<br />/* edits all the links */<br /> color:#666666;<br /> font:8pt Arial;<br /> text-decoration:none;<br />}<br /><br />a:active{<br />/* edits all the active links */<br /> color:#000000;<br /> font:8pt Arial;<br /> text-decoration:line-through;<br />}<br /> <br />a:visited{<br />/* edits all the visited links */<br /> font:8pt Arial;<br /> text-decoration:none;<br /> color:#ffffff;<br />}<br /><br />a:hover{<br />/* edits all the hovered links */<br /> font:8pt Arial;<br /> text-decoration:line-through;<br /> color:#000000;<br />}<br /><br />b, strong, i, u, {<br />/* edit colors when bold italic underline */<br />font-family: arial;<br />font-size: 8pt;<br />color: #666666;<br />font-weight: bold; <br />text-transform: none;<br /></style><br /><br /><!-- Start: EDIT THIS PART!!! --><br /><br /><div style="position:static; margin-left:600px; margin-top: -150px; border: 0px; width: 160px;height:100%;"><br /><br /><br /><p class="nav"></p><br /><p class="menubottom"><br />»<a href="http://www.xanga.com/signin.aspx">Sign In</A> <br /><BR>»<a href="http://www.xanga.com">Xanga</A><br /><BR>»<a href="http://www.xanga.com/USERNAME">Refresh</A><br /><BR>»<a href="http://www.xanga.com/private/tracking.aspx">Tracking</A><br /><BR>»<a href="http://www.xanga.com/private/home.aspx">Private</A><br /><BR>»<a href="http://www.xanga.com/private/editemailpassword.aspx">Edit Account</A><br /><BR>»<a href="http://www.xanga.com/Private/profilebasic.aspx">Edit Profile</A><br /><BR>»<a href="http://www.xanga.com/CLAF/default.asp">Look & Feel</A><br /><BR>»<a href="http://www.xanga.com/guestbook.aspx?user=YOURUSERNAME">Guestbook</A><br /><BR>»<a href="http://www.xanga.com/Private/feedback.aspx">Feedback</A><br /><BR>»<a href="http://www.xanga.com/private/subscriptions.aspx">Subscriptions</A><br /><BR>»<a href="http://xanga.com/Private/SubscribeTo.aspx?user=USERNAME">Subscribe</a><br /><BR>»<a href="http://www.xanga.com/logout.asp">Sign Out</A><br /><br /></DIV><br /><br /><!-- End: EDIT THIS PART!!! --><br /><br /><br /><br /><!-- Start: EDIT THIS PART AFTER EDITING MODULES!!! --><br /><br /><div style="overflow: auto; position:static; margin-left:-25px; margin-top: -330px; width: 450px; height: 100%;"><br /><br /><!-- End EDIT THIS PART!!! --><br /><!-- end code provided by createblog.com -->

[Kenado]

I altered ur code it seems to work pretty great now

<!-- begin code provided by createblog.com --><br /><!-- begin code provided by createblog.com --><br /><div style="position:static; margin-left:-40px; margin-top:-120px;height:100px;width:700px;"><br /><img src="http://img.photobucket.com/albums/v62/zenpunk/chriscarraba.jpg"></div><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 /><style type="text/css"><br />/*Dashboard Confessional*/<br />/*by ZenpunK*/<br />body {<br />background-image:url(http://img.photobucket.com/albums/v62/zenpunk/dashboardbackground.jpg);<br />background-repeat: repeat-y-x;<br />background-color: #ffffff;<br />scrollbar-face-color: #ffffff;<br />scrollbar-shadow-color: #ffffff;<br />scrollbar-highlight-color: #000000;<br />scrollbar-3dlight-color: #ffffff;<br />scrollbar-darkshadow-color: #ffffff;<br />scrollbar-track-color: #ffffff;<br />scrollbar-arrow-color: #000000;<br />}<br /><br />#rblEprops, #pnlEnabled table, #pnlEprops table { <br />width: auto !important; <br />}<br /><br />table.blogbody {<br />width:410px;<br />font-family: Arial;<br />font-weight: none;<br />font-size: 12pt;<br />color: #COLOR;<br />text-align: justify;<br />padding: 0px;<br />margin-top: 2px;<br />}<br /><br />.caption, .blogheader {<br />width: 400px;<br />padding: 3px;<br />font-family:arial;<br />font-size: 16pt;<br />text-align: center;<br />color: #ffffff;<br />background-color: #000000;<br />text-transform: none;<br />margin-top: 10px<br />margin-left: -10px;<br />}<br /><br />div.smalltext{<br />width: 300px;<br />padding: 3px;<br />text-align: justify;<br />}<br /><br />a:link{<br />/* edits all the links */<br /> color:#666666;<br /> font:8pt Arial;<br /> text-decoration:none;<br />}<br /><br />a:active{<br />/* edits all the active links */<br /> color:#000000;<br /> font:8pt Arial;<br /> text-decoration:line-through;<br />}<br /> <br />a:visited{<br />/* edits all the visited links */<br /> font:8pt Arial;<br /> text-decoration:none;<br /> color:#ffffff;<br />}<br /><br />a:hover{<br />/* edits all the hovered links */<br /> font:8pt Arial;<br /> text-decoration:line-through;<br /> color:#000000;<br />}<br /><br />b, strong, i, u, {<br />/* edit colors when bold italic underline */<br />font-family: arial;<br />font-size: 8pt;<br />color: #666666;<br />font-weight: bold; <br />text-transform: none;<br /></style><br /><br /><!-- Start: EDIT THIS PART!!! --><br /><br /><div style="position:static; margin-left:350px; margin-top: -150px; border: 0px; width: 160px;height:100%;"><br /><br /><br /><p class="nav"></p><br /><p class="menubottom"><br />»<a href="http://www.xanga.com/signin.aspx">Sign In</A> <br /><BR>»<a href="http://www.xanga.com">Xanga</A><br /><BR>»<a href="http://www.xanga.com/USERNAME">Refresh</A><br /><BR>»<a href="http://www.xanga.com/private/tracking.aspx">Tracking</A><br /><BR>»<a href="http://www.xanga.com/private/home.aspx">Private</A><br /><BR>»<a href="http://www.xanga.com/private/editemailpassword.aspx">Edit Account</A><br /><BR>»<a href="http://www.xanga.com/Private/profilebasic.aspx">Edit Profile</A><br /><BR>»<a href="http://www.xanga.com/CLAF/default.asp">Look & Feel</A><br /><BR>»<a href="http://www.xanga.com/guestbook.aspx?user=YOURUSERNAME">Guestbook</A><br /><BR>»<a href="http://www.xanga.com/Private/feedback.aspx">Feedback</A><br /><BR>»<a href="http://www.xanga.com/private/subscriptions.aspx">Subscriptions</A><br /><BR>»<a href="http://xanga.com/Private/SubscribeTo.aspx?user=USERNAME">Subscribe</a><br /><BR>»<a href="http://www.xanga.com/logout.asp">Sign Out</A><br /><br /></DIV><br /><br /><!-- End: EDIT THIS PART!!! --><br /><br /><br /><br /><!-- Start: EDIT THIS PART AFTER EDITING MODULES!!! --><br /><br /><div style="overflow: auto; position:static; margin-left:-565px; margin-top: 10px; width: 450px; height: 100%;"><br /><br /><!-- End EDIT THIS PART!!! --><br /><!-- end code provided by createblog.com --><br /><!-- end code provided by createblog.com -->

[ZenpunK]

thanks so much! THe alignment is still a little off on my browser but its stopped moving when i change the size of the window. I can work with it from there. Thanks for your help!