need some coding fixed up! Options

[xmementoxxxmorix]

TYPE OF SERVICE: xanga layout

THEME: i made it REALLY easy. this ->
is exactly what i want and the coding is mostly done ill give it to anyone that does this for me. (the thing i want to change is that box at the bottom of my entries, it shouldnt be there)

heres what it looks like with the wrong coding <-- that is what it currently looks like. (view in internet explorer to see it best firefox messes it up even worse than it is.)



OTHER: i just wanna get my code to work. you can contact me @ njvmartin@msn.com and i'll send the code to you. (PLEASE make sure to make the emails subject something about layouts. thanks.)

[digitalfragrance]

^ Could you post your layout code?

[xmementoxxxmorix]

heres the code.

CODE

<img src="http://i23.tinypic.com/14o52qg.jpg">

<style type="text/css">.left, .blogbody, table.footer, .standard, .leftmodulefontcolor, td, p {
/* edits main text */
font: normal 10px verdana;
line-height:12px;
color: #FFFFFF;
letter-spacing:0px;
text-align:left;
}

.blogbody b, .standard b, p b, strong {
/* edits bolded text in your entry */
font-weight: bold;
color: #FFFFFF;
}

i, em {
/* edits italic text in your entry */
font-weight: italic;
color: #FFFFFF;
}

u {
/*edits underlined text in your entry */
text-decoration: underlined;
color: #FFFFFF;
}
body {
scrollbar-arrow-color: #FF0033;
scrollbar-face-color: #000000;
scrollbar-3dlight-color: #FF0033;
scrollbar-darkshadow-color: #FF0033;
scrollbar-highlight-color: #FF0033;
scrollbar-shadow-color: #000000;
scrollbar-track-color: #000000;
background-image: url("");
background-position: center;
background-color: #000000;
background-repeat: no;
cursor:default;
}
table.footer TD {
text-align: center;
}

div.blogheader{
width: 400px;
font: normal 12px verdana;
font-size:12px;
font-weight:bold;
padding-top:4px;
line-height:50px;
letter-spacing: 3px;
text-transform:none;
color:#000000;
text-align:left;
background-image: url("");
background-position: right;
border-top: 0px solid #FF0033;
border-bottom: 0px solid #FF0033;
}


a:link, .footernav.link, a.footernav:link, a.footernav:active {
color:#FF0033;
font: normal 10px verdana;
line-height:13px;
background-color:#;
cursor:default;

}

a:visited, a.footernav:visited, {color:#FF0033;
font: normal 10px verdana;
line-height:13px;
background-color:#;
cursor:default;
}

a:hover {

color:#FFFFFF;
font: normal 10px verdana;
line-height:13px;
cursor:default;
}

input, select, textarea, .textfield, .button {
border: 1px solid #;
font: normal 10px verdana;
font-size: 10;
background-color: #736275;
letter-spacing:0px;
color: #E1DDE1;
}

table.blogbody
{background: url() no-repeat bottom right;
font: normal 8pt verdana;
color: #FF0033;
line-height: 10pt;
text-align: justify;
padding: 2px;
background-color: none;
border: 0px solid #000000;
width: 400px;}


table.footer {display: none;}
.mainleft {
width: 0px;
padding: 1px;
}

hr {
border: 1px solid #FF0033;
}
#pnlEnabled table, #htmleditor, #lblTimeZone, #pnlEprops, #rblEprops {


width: auto !important;
}

table.blogbody tr td {
width:0px;
padding: 0px;
}
table.left, td.mainleft, table.navigation, table.search, #SearchBar1_pnlYouAreHere {display: none;}

.Modules {
font: normal 9px verdana;
width: 210px;
color: #000000;
line-height:15px;
letter-spacing:0px;
text-align:left;

text-align:justify;
text-transform: none;
display:block;
padding:4px;
background-color: none;
border-top: 0px solid #FF0033;
border-bottom: 0px solid #FF0033;
border-right: 0px solid #FF0033;
border-left: 0px solid #FF0033;
}


.Modules2 {
font: normal 9px verdana;
width:210px;
color: #000000;
line-height:15px;
letter-spacing:0px;
text-align:left;
text-align:justify;
text-transform: none;
display:block;
padding:0px;
background-color: #000000;
border: 0px dotted #FF0033;
}

.Header2 {
font: normal 12px verdana;
font-size:12px;
font-weight:bold;
padding-top:4px;
color: #FF0033;
letter-spacing: 1px;
text-transform: none;
line-height: 40px;
{background: url() no-repeat;
height: 40px;
background-color: none;
background-position: bottom center;
text-align: center;
padding-right: 0px;
padding:1;
padding-top:15px;
width: 210px;
text-decoration: uppercase;
border-top: 0px solid #FF0033;
border-bottom: 1px solid #FF003;
border-right: 0px solid #FF0033;
border-left: 0px solid #FF0033;
}

#nav a {
font-weight: bold;
font: 10px verdana;
letter-spacing: 0.10em;
border-right: 0px solid # FF0033;
border-left: 0px solid # FF0033;
border-top: 0px solid # FF0033;
border-bottom: 1px solid # FF0033;
text-align:center;
padding-left: 5px;
padding-right: 5px;
padding-top: 2px;
padding-bottom: 2px;
height: 10px;
width:210px;
text-decoration: none;
color: # FF0033;
background-color: #000000;
text-transform: none;
cursor:default;
}

#nav a:hover {
color: #FFFFFF;
font: 10px verdana;
border-right: 0px solid # FF0033;
border-left: 0px solid # FF0033;
border-top: 0px solid # FF0033;
border-bottom: 1px solid # FF0033;
text-align:center;
width:210px;
background-color: #000000;
text-transform: none;
cursor:default;
)</style>

<div style="position:static; margin-left: 300px; margin-top: -215px; width: 210px; height: 1500px; overflow: visible;">
<div class="modules2">
<div class="header2">: About Me :</div>
<div style="width: 210px; height: 50px; overflow: auto; background-color: none; border: 0px solid # FF0033;overflow-auto;
scrollbar-arrow-color: #FF0033;
scrollbar-face-color: #000000;
scrollbar-3dlight-color: #FF0033;
scrollbar-darkshadow-color: #FF0033;
scrollbar-highlight-color: #FF0033;
scrollbar-shadow-color: #FF0033;
scrollbar-track-color: #000000;"><table border="0" width=190px><tr><td valign="top"><p>




ABOUT ME HERE<br>
ABOUT ME HERE<br>



</td></tr></table></td></tr></table></div>
</span></span></span></span></span>
<div class="header2">: Navigation :</div><div id="nav">

<a href="http://www.xanga.com/">Xanga</a><br>
<a href="http://www.xanga.com/signin.aspx">Sign In</a><br>
<a href="http://www.xanga.com/logout.aspx">Sign Out</a><br>
<a href="http://www.xanga.com/private">Home</a><br>
<a href="http://www.xanga.com/claf">CLAF</a><br>
<a href="http://www.xanga.com/Private/subs.aspx">Your Subs</a><br>
<a href="http://www.xanga.com/guestbook.aspx?user=monk_rat_child">Guestbook</a><br>
<a href="http://www.xanga.com/profile.aspx?user=monk_rat_child">Profile</a> (<a href="http://www.xanga.com/Private/profilebasic.aspx">Edit</a>)<br>
<a href="http://www.xanga.com/private/tracking.aspx">Your Comments</a><br>
<a href="http://www.xanga.com/Private/feedback.aspx">Feedback</a><br>
<a href="http://www.xanga.com/Private/SubscribeTo.aspx?user=monk_rat_child" target="blank">Add Me</a><br>



</div></span></span>

</td></tr></table></td></tr></table></div></div>
</span></span><br></span>
</div></div></div>

<DIV style="position:static;
overflow: auto;
margin-top: -1775px;
margin-left: 290px;
width: 430px;
height: 400px;
padding: 2px;
BACKGROUND-COLOR: transparant;">

[digitalfragrance]

In the Div Style for your Modules2 Div, add these attributes:

margin-top: ##px; margin-left: ##px;

Those will move your navigation up and down. Now, this might throw the blog off, but if you align the nav first, and then the blog, you should be fine.

[xmementoxxxmorix]

so i added that code & im still having a problem



the nav is moving like it should but as you can see, it disappears more the further it goes up & wont go up where i want it too.

[digitalfragrance]

Try changing the "overflow: visible;" to "overflow: auto;"

[xmementoxxxmorix]

that added this scroll bar at the way bottom that if you scroll all the way over to the right, then go back up you'll see the nav.

heres what it looks like

i cant get it to work right...

[digitalfragrance]

I've figured it out! (at least I'm pretty sure this is it)

Change the "position:static;" to "position:absolute;" In your navigation/about me div layer.

[xmementoxxxmorix]

thanks. that worked =]
& this is gonna sound odd, but the code works in firefox but the nav & about me are nonexistant in IE.

any ideas?

[digitalfragrance]

Huh... IE might hace trouble recognizing the mesh of tables and div tags that are everywhere in that area. It'd be ideal to simplify your coding and see if it works.

[xmementoxxxmorix]

i have NO idea how to do that. ill just deal with it being in firefox i suppose.

[twodreamlovers]

i haven't read the whole code. i think instead of doing margin-left and margin-top, you should stick to left and top.

CODE

left:XXpx;
top:XXpx;

in case this wasn't mentioned. i don't know. maybe this isn't really related but for future reference? because i think margin stuff messes it up in IE or FF, depending on which server you used to make this layout.