Register

If this is your first visit, please click the Sign Up now button to begin the process of creating your account so you can begin posting on our forums! The Sign Up process will only take up about a minute of two of your time.

Results 1 to 2 of 2
  1. #1
    Member
    Join Date
    Mar 2004
    Posts
    31
    Member #
    5178
    http://www.excitingprospects.co.uk/greenockhockeyclub/

    Take a look at the above site and you'll notice that the white background doesn't seem to go all the way down. It's linking to two CSS sheets (this is for later. Also, ignore the fact that I haven't made a print style sheet yet :P)

    This is the main style sheet (for the whole site...when it gets done :P):

    Code:
    /* This section is for the overall look of the site */ 
    html { 
    padding-right: 0px; 
    padding-left: 0px; 
    padding-bottom: 0px; 
    padding-top: 0px; 
    margin: 0px;
    margin-top: 0px;
    margin-left: 0px;
    margin-bottom: 0px;
    margin-right: 0px;
    }
    body { 
    font-family: Arial, sans-serif;
    font-size: small;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    color: #000000;
    						
    background: #231E2A;
    margin: 0px;
    margin-top: 0px;
    margin-left: 0px;
    margin-bottom: 0px;
    margin-right: 0px;
    padding-top: 0px;
    width: auto;
    }
    a:link, a:active, a:visited { 
    text-decoration: none; 
    }
    a:hover { 
    text-decoration: underline; 
    }
    /* End of overall look */
    /* This is for the header section */
    #header	  {
    text-align: center;
    }
    /* End of header section */
    /* This is for the left-hand section */
    #left {
    float: left;
    width: 15%;
    }
    /* End of left-hand section */
    /* This is for the content section */
    #content {
    float: right;
    width: 85%;
    border: thin dashed #6B2921;
    margin: 4px;
    padding: 4px;
    }
    #content .copy {
    align: center;
    text-align: center;
    color: #999999;
    font-size: x-small;
    clear: both;
    }
    #content .copy a {
    color: #666666;
    }
    #content .main {
    padding: 4px;
    background: #FFFFFF;
    }
    /* End of content section */
    And this is the page's own style sheet:

    Code:
    /* This is for the content section */
    #content .main .news_box {
    border: thin dashed #999999;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 4px;
    width: 75%;
    padding: 4px;
    }
    #content .main .news_box .heading {
    background: #231E2A;
    padding: 2px;
    font-weight: bold;
    color: #FFFFFF;
    }
    #content .main .news_box .left_col {
    font-weight: bold;
    vertical-align: top;
    width: 10%;
    }
    #content .main .news_box .right_col {
    vertical-align: top;
    width: 90%;
    }
    					
    #content .main .l {
    width: 50%;
    float: left;
    }
    #content .main .r {
    width: 50%;
    float: right;
    }
    					
    #content .main .box {
    width: 80%;
    border: thin dashed #999999;
    padding: 4px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 4px;
    }
    #content .main .box .heading1 {
    background: #231E2A;
    padding: 2px;
    font-weight: bold;
    color: #FFFFFF;
    }
    #content .main .box .left1 {
    font-weight: bold;
    vertical-align: top;
    }
    #content .main .box .right1 {
    vertical-align: top;
    }
    /* End of content section */

  2.  

  3. #2
    Member
    Join Date
    Mar 2004
    Posts
    31
    Member #
    5178
    I just settled for using a table to split it in two instead of divs :$


Remove Ads

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
All times are GMT -6. The time now is 04:28 AM.
Powered by vBulletin® Version 4.2.3
Copyright © 2019 vBulletin Solutions, Inc. All rights reserved.
vBulletin Skin By: PurevB.com