Jump to content
Xisto Corporation
DJM

How To Add Space At The Bottom Of A Page To Work In Ff & Ie Am using CSS style sheet but happy to add code to each page if need to

Recommended Posts

Hello all, I am wanting to add a space at the bottom of each page of the site I am doing, in particular the long pages where the font goes all the way to the bottom such as THIS page. I would like to add a space AFTER the table if that makes sense to break it up as I find it annoying to read the font at the bottom of the page the way it is.

I am using a CSS stylesheet so if it could be done there it would be cool, if not I am happy to add a code to each page if need be. I would love a code that works in Mozilla and IE if possible. I am not very literate in HTML/CSS stuff so if anyone is kind enough to respond to this it would be immensely appreciated if you explain it simply.

The code for my stylesheet is as follows:

* {	margin: 0;	padding: 0;}body {background: #000000;font-family: Arial, Helvetica, sans-serif;font-size: 13px;line-height: 17px;color: #eee;}a {text-decoration: none;color: #FFE788;}a:hover {text-decoration: none;color: #eee;}#wrap {margin: 20px auto;width: 800px;}#header {height: 60px;line-height: 60px;}#header h1 {color : #fff; font-size: 50px;letter-spacing: -7px;}#left {margin-top: 10px;float: left;width: 160px;font-size: 13px;padding: 10px;background: #2F2C2C;border-left:1px solid #FFE788;border-right:1px solid #FFE788;border-top:1px solid #FFE788;border-bottom:1px solid #FFE788;}#left ul {list-style-type: square;padding: 5px 0 10px 30px;color: #FFE788;}#left h2 {font-size: 20px;font-weight: 100;letter-spacing: -2px;padding: 5px 0 5px 0;}#right {margin-top: 10px;float: right;width: 580px;background: #2F2C2C;text-align: justify;padding: 10px;border-left:1px solid #FFE788;border-right:1px solid #FFE788;border-top:1px solid #FFE788;border-bottom:1px solid #FFE788;}#right h2 {font-weight: 100;letter-spacing: -2px;font-size: 28px;padding: 15px 0 10px 0;}#right h2 a {}#right h2 a:hover {color: #fff;text-decoration: none;}#footer {background: #0D0D0D;font-size: 11px;text-align: center;margin-top: 30px;padding: 5px 0;}

Notice from rvalkass:

Please remember to use the correct BBCode in your posts. Thanks.

Share this post


Link to post
Share on other sites

add margin-bottom: 100px; to the 'right' div of your CSS file to see if it does what you expect.

#right {margin-top: 10px;margin-bottom: 100px;float: right;width: 580px;background: #2F2C2C;text-align: justify;padding: 10px;border-left:1px solid #FFE788;border-right:1px solid #FFE788;border-top:1px solid #FFE788;border-bottom:1px solid #FFE788;}

Share this post


Link to post
Share on other sites

add margin-bottom: 100px; to the 'right' div of your CSS file to see if it does what you expect.

Excellent! That did work indeed in FF & IE. I thought it would be something very simple and obvious, but obvious things aren't always so obvious for me as I am lacking in HTML/CSS knowledge. Thank you kindly for your great help, I really appreciate it very much.

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...

×
×
  • Create New...

Important Information

Terms of Use | Privacy Policy | Guidelines | We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.