Jump to content

creating mats?

Diablo

By Diablo
in CSS

 Share

Recommended Posts

Diablo Newbie

Diablo

Posted
Posted

How do i create blank space at the bottom of the page. right now when u scroll down to the bottom of the page it just cuts off the bottom.I want to be able to scroll down to the bottom of the page and see a little space between the bottom of the browser window and the bottom of the website. ultrapcgear.com

/* Generic Selectors */body {	background-color: #000000;}h1 {	font-family: Georgia, "Times New Roman", Times, serif;	font-size: 18px;	font-weight: bold;	color: #000000;}h2 {		font-family: Georgia, "Times New Roman", Times, serif;	font-size: 24px;	text-decoration: underline;	font-weight: bold;	color: #000000;}h3 {	font-family: Georgia, "Times New Roman", Times, serif;	font-size: 14px;	color: #000000}/**************** Pseudo classes ****************/:link {	color: #0000FF;	font-weight: bold;	text-decoration: none;}:visited { color: #FF00FF;	font-weight: bold;	text-decoration: none;}:hover { color: #0000FF;	font-weight: bold;	text-decoration: underline;}:active { color: #E80000;	font-weight: bold;	text-decoration: underline;}/************************* ID's *************************//*top right bottom left*/#header{	padding: 0px 8% 0px 8%;	margin: 0px;	border-bottom:1px solid #ccd2d2;}#pagecell1{		position: absolute;	top: 10px;	left: 2%;	right: 2%;	bottom: 10px;	height: 75%;	width: 96%;	        background-color: #FFFFFF;	border-bottom: 5px solid #00000;}#pageNav{	width: 100%;	padding: 0px 0px 0px 0px;	background-color: #F5F5F5;	border-bottom: 1px solid #cccccc;	font-family: Georgia, "Times New Roman", Times, serif;	font-size: 20px;}#content{	float: center;	height: 100%; 	z-index: 100;	padding: 10px 0px 0px 0px;	margin:0px 0px 0px 0px;}#footer{	position absolute;}/************* feature styles *****************/.feature{	padding: 0px 0px 10px 10px;	font-size: 80%;	min-height: 200px;	height: 200px;}html>body.feature {height: auto;}.feature h3{	font: bold 175% Arial,sans-serif;	color: #000000;	padding: 30px 0px 5px 0px;}.feature img{	float: left;	padding: 0px 10px 0px 0px;}/*************** story styles ******************//*top right bottom left*/.story {	padding: 10px 10% 0px 10%;}.story h3{	font-family: Georgia, "Times New Roman", Times, serif;	font-size: 18px;	font-weight: bold;	color: #000000;}.story p {	font-family: Georgia, "Times New Roman", Times, serif;	font-size: 12px;	color: #000000;	padding: 0px 0px 0px 0px;}.story a.capsule{	font: bold 1em Georgia, "Times New Roman", Times, serif;	color: #005FA9;	display:block;	padding-bottom: 5px;}.story a.capsule:hover{		text-decoration: underline;}td.storyLeft{	padding-right: 12px;}/************** siteInfo styles ****************//*top right bottom left*/#siteInfo{	position: absolute;	clear: both;	width: 100%;	background-color: #F5F5F5;		border-top: 1px solid #cccccc;		border-bottom: 1px solid #cccccc;	font-size: small;	padding: 10px 10px 10px 10px;	margin-top: 0%;}#siteInfo img{	padding: 4px 4px 4px 0px;	vertical-align: middle;}/*******************end****************************/

<html>    <head>        <meta name="author" content="Eamon O'Huallachain, admin@ultrapcgear.com">	<meta name="content-language" content="English">	<meta name="revisit-after" content="1 day">	<title>UltraPcGear.com</title>        <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />        <meta name="description" content="computers, help, components, examples" />        <meta name="keywords" content="Computer Components, Computer Parts, LCD Monitors, 		Video Cards, Processors and CPUs, Computer Memory, RAM, 	Laptops, Motherboards, PC Speakers, Sound cards" />        <link href="mycss.css" rel="stylesheet" type="text/css" />    </head>    <body><!--pagecell1--><div id="pagecell1"><!--header-->   <div id="header">    <a href="http://ultrapcgear.com"><img src="ultrabanner2.jpg" alt="Banner"> </div><!--end pageName--> <!--pageNav-->     <div id="pageNav"><center><a href="http://ultrapcgear.com/index.html">HOME</a> |        <a href="http://ultrapcgear.com/phpbb/index.php" target="_blank">FORUM</a> |        <a href="http://ultrapcgear.com/articles.html">ARTICLES</a> |	<a href="http://ultrapcgear.com/reviews.html">REVIEWS</a> |	<a href="http://ultrapcgear.com/cblog" target="_blank">BLOG</a> |        <a href="http://ultrapcgear.com/mwiki/index.php title=Main_Page" target="_blank">WIKI</a> |        <a href="http://ultrapcgear.com/jobs.html">JOBS</a> |        <a href="http://ultrapcgear.com/FeedBack_New.html">FEEDBACK</a> |        <a href="http://ultrapcgear.com/links.html">LINKS</a> |        <a href="http://ultrapcgear.com/resume.html">RESUME</a></center>	</div><!--end pageNav--><!--content-->  <div id="content">	<div class="story">	<center><h2>News</h2></center><h3><em>January 19th, 2006</em></h3>	I have done a lot of reasearch and think I have found a dropship company that will help me get my 	website off the ground. In the  next few weeks I will be added major sections 	to the website including 	product	pages and helpfull articles. <h3><em>Decemember 18th, 2006</em></h3>		I have been working on a lot of different projects the last few months so I have not 	been able to update the website. Although, all the time away has not been wasted I have 		found a few different drop ship companies and I can use to setup my store. Now I just 		need to	get a business license, create a merchant account and sign up with one more of 	these companies to get 	my business going. I hope to be up and running by the 		beginning of next year.<h3><em>November 9th, 2006</em></h3>	I changed the website from a basic .css site to a more stream lined version. 	More changes are coming. I added an article and review pages where people can find help 	and info about current PC products.	<h3><em>November 6th, 2006</em></h3>        	I removed the weather and the Amazon adds cause they didn't go along with the look and 		feel of the website right now. I am still looking for another moderator and someoneto 	help me flesh out the website. If you are interested in helping or know anyone that 	is good and making websites please send them this way. You can email me at 	info@ultrapcgear.com	 <h3><em>September 12th, 2006</em></h3>	I added a new banner to the top of the page, data stamp and amazon add to the navigation 	bar, amazon adds in most of the sections, and a weather stamp that shows the current 	conditions in my home town.	<h3><em>September 5th, 2006</em></h3>        Still having too much fun playing with the CSS as I design my website.        <h3><em>August 28th, 2006</em></h3>        I have added a Wiki to the website. It is a mini Wikipedia. Please feel free to add 	content to make it better.        <h3><em>August 9th, 2006</em></h3>        Ultra PC Gear is a site dedicated to providing information about the latest hardware and software products on the market today. I started this website in the hopes to provide the average user the answers to the questions they couldn't find on the Internet. I am currently looking for authors to write articles about new products in the market. If you	have recently built a new computer or upgraded our existing system write an article about it and get your work published on the web. Please check out the forums.</div><!--end content--> </div><!--end pagecell1--></body></html>

Link to comment
Share on other sites
boen_robot w3schools Guru

boen_robot

Posted
Posted

You can add blank spaces with margins. Add

margin-bottom: 10px;

or whatever value you want to #pagecell1.

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
 Share
Go to topic listing
×
×
  • Create New...