|
|
Posted by Jonathan N. Little on 01/16/24 11:33
acorn71@gmail.com wrote:
> thanks for everyone's help, but i am not able to put it at the bottom
> of the "page" because its looks funny to have the border around it. nor
> am i able to just remove the snippet for now since its what creates the
> border on my pages. i chose to use css for a border, instead of using
> nested <table>s with a bgcolor on the parent and variable cellspacing
> on the child, because i thought i would ti'm trying to learn css and
> make a living at the same time. my goal is to create my entire page
> using css and try not using tables at all. are there any goot tuts out
> there? i know they're out there, but i haven't been able to find good
> one for building a header, left nav bar, body, and footer in simple
> blocks. thanks again for everyone's help.
>
> aaron;
>
Look Aaron, this may help a bit. By making the 'content' in a table that
that you set as 'position: absolute' mean that you have 'ripped' it out
of the page's layout. It will virually 'float' above and so your
copyright section is not 'pushed' down by the content. Secondly your are
using a table for content that is not tabular! Try this:
<html>
<head>
<title>Test</title>
<style type="text/css">
#content { margin: 1em; border: 1px solid black; padding: 1em; }
#copyright { width: 100%; text-align: center; }
</style>
</head>
<body>
<div id="content">
<p>As you can see, the copyright is NOT behind the border.</p>
<p>Now no bottom scroll bar if not needed.<p>
</div>
<div id="copyright">
Copyright © 2002 - 2005 My Company Name - All rights reserved
</div>
</body>
</html>
--
Take care,
Jonathan
-------------------
LITTLE WORKS STUDIO
http://www.LittleWorksStudio.com
Navigation:
[Reply to this message]
|