I have finaly grasped how CSS can set up a page, but it's not over. I am wondering how in the world I can get my page to border the top and left side of the page, and this is the code. If there is anything that is usless that it is not useing, please tell me. Thanks.
<HTML>
<TITLE>Testing CSS"</TITLE>
<CENTER>
<HEAD>
<STYLE TYPE="text/css">
<!--
HTML { height: 100%; }
BODY { background-color: #ffffff; scrollbar-base-color: #ffffff; scrollbar-arrow-color: #3399CC; scrollbar-darkshadow-color: #3399CC; height: 100%; }
H1.orange { font-family: arial; font-size: 30; font-style: bold; color: #FFCC33 }
H1.blue { font-family: arial; font-size: 20; font-style: bold; color: #3399CC }
.black {background-color: #000000;}
#left { float: left; width: 100px; text-align: center; background-color: #3399CC }
#wrap { height: 100%; background-image:url(CSS back.bmp); background-position:top left; background-repeat:repeat-y; }
#header { background-color: #3399CC; height:80px; }
#content { background-image:url(CSS back.bmp); background-position:top left; background-repeat:repeat-y; }
#clearfooter { clear:both; height:80px; overflow:hidden; }
#footer { height:80px; background-color: #3399CC; margin:0; padding:0; margin-top:-80px; color: #3399CC; text-align:center; width: 780px; }
* html #wrap {height:100%}
-->
</STYLE>
</HEAD>
<div id="wrap">
<div id="header">
<H1 class="orange"> Is this a header???</H1></div>
<div id="left">
<UL>
<LI>Is this a list?</LI>
<LI>I think it is...</LI>
<LI>I'm going to think.</LI>
</UL>
</div>
<div id="main">
<div id="content">
<H1 class="blue">
Hi everyone. This website is to inform you about me,
and to tease you... HAHAHAHA!!!! Let me raddle on...
bla bla bla bla bla bla bla.......................
</CENTER>
</HTML>if you mean to be flush against the top and left:
<style type="text/css">
body {margin: 0;}
</style>Thanks, that worked.
<HTML>
<TITLE>Testing CSS"</TITLE>
<CENTER>
<HEAD>
<STYLE TYPE="text/css">
<!--
HTML { height: 100%; }
BODY { background-color: #ffffff; scrollbar-base-color: #ffffff; scrollbar-arrow-color: #3399CC; scrollbar-darkshadow-color: #3399CC; height: 100%; }
H1.orange { font-family: arial; font-size: 30; font-style: bold; color: #FFCC33 }
H1.blue { font-family: arial; font-size: 20; font-style: bold; color: #3399CC }
.black {background-color: #000000;}
#left { float: left; width: 100px; text-align: center; background-color: #3399CC }
#wrap { height: 100%; background-image:url(CSS back.bmp); background-position:top left; background-repeat:repeat-y; }
#header { background-color: #3399CC; height:80px; }
#content { background-image:url(CSS back.bmp); background-position:top left; background-repeat:repeat-y; }
#clearfooter { clear:both; height:80px; overflow:hidden; }
#footer { height:80px; background-color: #3399CC; margin:0; padding:0; margin-top:-80px; color: #3399CC; text-align:center; width: 780px; }
* html #wrap {height:100%}
-->
</STYLE>
</HEAD>
<div id="wrap">
<div id="header">
<H1 class="orange"> Is this a header???</H1></div>
<div id="left">
<UL>
<LI>Is this a list?</LI>
<LI>I think it is...</LI>
<LI>I'm going to think.</LI>
</UL>
</div>
<div id="main">
<div id="content">
<H1 class="blue">
Hi everyone. This website is to inform you about me,
and to tease you... HAHAHAHA!!!! Let me raddle on...
bla bla bla bla bla bla bla.......................
</CENTER>
</HTML>if you mean to be flush against the top and left:
<style type="text/css">
body {margin: 0;}
</style>Thanks, that worked.