div. Options

[tragickiss]

Well, this sounds a little complicated but I'm making a layout for a friend, and it seems that I can't make a new box/div for text? Eh, here is the screenshot. I have the entries in the top-right box, but I want to use the bottom-right box for some other random text/links. However, when I try to make a new div for it, it all ends up in the top-right box with the entries.

Erm, any help?

[whomps]

When you have the div for the actually blog, put another div on top of it. Meaning code wise. If you don't get what I mean, I can show you if you post your html.

[tragickiss]

I tried that, but I think I did it wrong? Ah, well. Here's the html. Thanks alot.

CODE

<center><a href="http://romanticide.greatestjournal.com/info">Ribbon</a>-<a href="http://www.xanga.com/Private/SubscribeTo.aspx?user=paralyzing__bliss">in</a>-<a href="http://www.xanga.com/claf">the</a>-<a href="http://www.xanga.com/Private/subs.aspx">heat</a>.

<center><img src="http://pictures.greatestjournal.com/userimg/2583613/350795"></center>
<style>
<!--
body {
scrollbar-arrow-color: #C00000;
scrollbar-track-color: #ffffff;
scrollbar-shadow-color: #ffffff;
scrollbar-face-color: #ffffff;
scrollbar-highlight-color: #ffffff;
scrollbar-darkshadow-color: #ffffff;
scrollbar-3dlight-color: #ffffff;
}
-->
</style>

   <style>
<!--
a:link { color: black; font-family: arial; font-size: 8pt; font-weight: bold; text-decoration: none;}
a:visited { color: black; font-family: arial; font-size: 8pt; font-weight: bold; text-decoration: none;}
a:active { color: black; font-family: arial; font-size: 8pt; text-decoration: none; text-transform: uppercase; font-weight: bold}
A:hover { color: black; font-family: arial; font-size: 8pt; text-decoration: none; text-transform: uppercase; font-weight: bold; cursor:crosshair;}
body {background: white url() fixed;}
b{color: black; font-size:8PT;}
u{color: black; font-size:8pt;}
i{color: black; font-size:8pt;}
s{color: black; font-size:8pt;}
body, td {
font-family: arial, sans-serif;
font-size: 8pt;
color: black;
}
a {
text-decoration: uppercase;
}
tt, pre {
font-family: arial;
}
.shadowed {
font-size: 8pt;
background: #000000;
}
.meta {
font-size: 8pt;
}
.index {
font-size: 8pt;
}
.caption, .index {
color: #000000;
}
.comments {
font-size: 8pt;
}
table, tr, td, .shadowed {
background: transparent;
}
span.moodmusic, span.musicmood {
display: none;
}
table.navigation,.#rblEprops, table.left, table.footer, table.search {display: none}
}
-->
</style>

<!-- begin code provided by createblog.com -->
<STYLE type="text/css">
/*
top bar remover - xanga.com/add_ons
*/
table.navigation {display: none;};</STYLE>
<!-- end code provided by createblog.com -->

<div id="content" style="margin-top: -475px; margin-left: 50%; width: 307px; height:450px; margin-right: 10%; margin-bottom: 0px; overflow: auto; filter: none;">


<!-- begin code provided by createblog.com -->
<style type='text/css'>
.blogbody td { width:0px; padding-left:0px; }
</style>
<!-- end code provided by createblog.com -->

[sweetxsimplicity]

Are you putting your navigation div before the blog body div?
It'll mess up the code if you put it after the blog body div.

[whomps]

CODE

<center><a href="http://romanticide.greatestjournal.com/info">Ribbon</a>-<a href="http://www.xanga.com/Private/SubscribeTo.aspx?user=paralyzing__bliss">in</a>-<a href="http://www.xanga.com/claf">the</a>-<a href="http://www.xanga.com/Private/subs.aspx">heat</a>.

<center><img src="http://pictures.greatestjournal.com/userimg/2583613/350795"></center>

<div id="navi" style="margin-top: -575px; margin-left: 50%; width: 307px; height:200px; margin-right: 10%; margin-bottom: 0px; overflow: auto; filter: none;">

ADD YOUR NAVIGATION TYPE HERE

</div>

<style>
<!--
body {
scrollbar-arrow-color: #C00000;
scrollbar-track-color: #ffffff;
scrollbar-shadow-color: #ffffff;
scrollbar-face-color: #ffffff;
scrollbar-highlight-color: #ffffff;
scrollbar-darkshadow-color: #ffffff;
scrollbar-3dlight-color: #ffffff;
}
-->
</style>

  <style>
<!--
a:link { color: black; font-family: arial; font-size: 8pt; font-weight: bold; text-decoration: none;}
a:visited { color: black; font-family: arial; font-size: 8pt; font-weight: bold; text-decoration: none;}
a:active { color: black; font-family: arial; font-size: 8pt; text-decoration: none; text-transform: uppercase; font-weight: bold}
A:hover { color: black; font-family: arial; font-size: 8pt; text-decoration: none; text-transform: uppercase; font-weight: bold; cursor:crosshair;}
body {background: white url() fixed;}
b{color: black; font-size:8PT;}
u{color: black; font-size:8pt;}
i{color: black; font-size:8pt;}
s{color: black; font-size:8pt;}
body, td {
font-family: arial, sans-serif;
font-size: 8pt;
color: black;
}
a {
text-decoration: uppercase;
}
tt, pre {
font-family: arial;
}
.shadowed {
font-size: 8pt;
background: #000000;
}
.meta {
font-size: 8pt;
}
.index {
font-size: 8pt;
}
.caption, .index {
color: #000000;
}
.comments {
font-size: 8pt;
}
table, tr, td, .shadowed {
background: transparent;
}
span.moodmusic, span.musicmood {
display: none;
}
table.navigation,.#rblEprops, table.left, table.footer, table.search {display: none}
}
-->
</style>

<!-- begin code provided by createblog.com -->
<STYLE type="text/css">
/*
top bar remover - xanga.com/add_ons
*/
table.navigation {display: none;};</STYLE>
<!-- end code provided by createblog.com -->

<div id="content" style="margin-top: -475px; margin-left: 50%; width: 307px; height:450px; margin-right: 10%; margin-bottom: 0px; overflow: auto; filter: none;">


<!-- begin code provided by createblog.com -->
<style type='text/css'>
.blogbody td { width:0px; padding-left:0px; }
</style>
<!-- end code provided by createblog.com -->