Help with positioning

A

autopost

Guest
I am currently working on the website for my webcomic, and have run into a small problem. The html currently looks something like this:

<style type="text/css">
<!--
a:hover {color:red; text-decoration:none;}
-->
</style>


<style type="text/css">
<!--
#quote {font: italic;
position: relative;
top: .95em;
text-align: center;}
-->
</style>


<style type="text/css">
p {text-indent: .5cm}
</style>

<style type="text/css">
<!--
p{font family: "Verdana", "Times New Roman",
san-serif; font-size:21px; line-height:110%;
letter-spacing:1.5px; word-spacing:1.25px}}
-->
</style>



<style type="text/css">
<!--
h1 {position:relative; right:-30px}
-->
</style>


<style type="text/css">
<!--
#ad {position: absolute; top: 10px; left: 3%}
-->
</style>

<style type="text/css">
<!--
a {font-size: 22px; text-decoration: none}
-->
</style>

<style type="text/css">
<!--
#logo, #links, {position: relative; top: 10px; left: 28.5%;}
-->
</style>




<style type="text/css">
<!--
#copyright {position: absolute;}
-->
</style>



<script language="JavaScript" type="text/JavaScript">
function randQ(){
var q = new Array()
q[0] = "The most important part of a journey isn't always reaching the destination: it's the journey itself. -Thamadus, the Figmentist";
q[1] = "Nothing is more active than thought, for it travels over the universe, and nothing is stronger than necessity for all must submit to it. -Thales of Miletus";


var root = document.getElementById('quot');
while(root.hasChildNodes()){
root.removeChild(root.childNodes[0])
}
var oTxt = document.createTextNode(q[Math.floor(Math.random()*q.length)])
root.appendChild(oTxt)
}
onload=randQ;
</script>




</head>

<META http-equiv=Content-Type content='text/html; charset=ISO-8859-1'>
<META content='MSHTML 6.00.2800.1106' name=GENERATOR>

<body>


<META content='Web Comic Hosting where you get rated by your peers. You can start a profile, upload an image per day in .jpg .gif or .png format, and

with almost NO maintenance or HTML required, you can have your very own section! FREE!' name=description>
<META content='Web Comic, Graphic Novel, Comic Book, Comic Strip, Cartoon, Rate, Discuss, Art, Submit, Host, Free, Hosting, Photoshop, Illustrator, Drama, Adventure,

Adobe, ImageReady, Drawing, Sketching, Comedy, Speedyard, epic, drama,' name=keywords>

<FONT size=+2 color=red>
<b>
<!--[*ERROR_MESSAGE*]-->
</b>
</FONT>


<div id="ad">
<!--[*468X60_AD*]-->
</div>



<div id="logo">
<img title="Logo by Ranas" src=http://www.webdeveloper.com/forum/archive/index.php/"soslogo.jpg" img height=250 width=400>
</div>







<div id="links">
<b>

<a title="Links to our favorite webcomics, etc." href=http://www.webdeveloper.com/forum/archive/index.php/"soslinks.html">Links</a>
<a title="Click here to go to the forum. Click. Now." href=http://www.webdeveloper.com/forum/archive/index.php/"http://www.drunkduck.com/forum/viewforum.php?f=148">Forum</a>
<a title="This is where you will find descriptions of all the characters." href=http://www.webdeveloper.com/forum/archive/index.php/"cast.html">Cast</a>
</b>
</div>




<div id="quote">

<div id="quot"></div>

</div>






<h1>News</h1>






<p><i>11/12/04</i> Welcome to A Story of Stories! The comic is currently in production, but will
be here soon, for your reading pleasure.</p>










<div id="comic">
<TABLE cellSpacing=0 cellPadding=0 width='98%' align=center border=0>
<TR>
<TD vAlign=top width='96%'>
<TABLE cellSpacing=0 cellPadding=0 width='100%' border=0>
<TR>
<TD align=middle>
<BR>
<BR>
<TABLE cellSpacing=0 cellPadding=0 border=0>
<TR>
<TD align=left>
<FONT size=5 color=#FFFFFF>
<B>
<!--[*COMIC_NAME*]-->
</B>
</FONT>
</TD>
</TR>
<TR>
<TD align=center>
<!--[*COMIC_PAGE*]-->
</TD>
</TR>
<TR>
<TD align=left>
<!--[*NAV_PULLDOWN*]-->
</TD>
</TR>
</TABLE>
<TABLE cellSpacing=0 cellPadding=0 width=200 align=center border=0>
<TR>
<TD align=middle width=50>
<!--[*NAV_BACK_ALL*]--><img src='http://www.webdeveloper.com/forum/archive/index.php/gfx/firstnav.jpg' border=0 height=50

width=50><!--[/*NAV_BACK_ALL*]-->
</TD>
<TD align=middle width=50>
<!--[*NAV_BACK_ONE*]--><img src='http://www.webdeveloper.com/forum/archive/index.php/gfx/prevnav.jpg' border=0 height=50

width=50><!--[/*NAV_BACK_ONE*]-->
</TD>
<TD width=50>
<!--[*NAV_FORWARD_ONE*]--><img src='http://www.webdeveloper.com/forum/archive/index.php/gfx/nextnav.jpg' border=0 height=50

width=50><!--[/*NAV_FORWARD_ONE*]-->
</TD>
<TD width=50>
<!--[*NAV_FORWARD_ALL*]--><img src='http://www.webdeveloper.com/forum/archive/index.php/gfx/lastnav.jpg' border=0 height=50

width=50><!--[/*NAV_FORWARD_ALL*]-->
</TD>
</TR>
</TABLE>
</TD>
</TR>
</div>

<!--[*AUTHORS_NOTES*]-->
<BR>
<!--[*COMMENT_FORM*]-->
<br>
<!--[*COMMENTS*]-->




<br>
<small><!--[*DRUNKDUCK*]--></small>
<br>

<div id="copyright">
<b><small><small><small>All material, images, text, and concepts put forth in
this comic and website
by Speedyard and Ranas, and the name "A Story of Stories," and all character
names, and any and all such things are copyright &copy 2004, Speedyard and Ranas. Do
not reproduce without permission. Or else! :)</small></small></small></b>
</div>




My problem is that the section I have in tables is being displayed below the "copyright" section. Can anyone give me some advice on how to make it work the way I wish?It's probably the absolute position on the copyright.
 
You must log in or register to reply here.
Back
Top