Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 2 of 2
  1. #1
    New to the CF scene
    Join Date
    Nov 2012
    Posts
    1
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Post Help with coding please

    I'm building a website with weebly and there is a white strip at the bottom that I would like to be the same as the rest of the background : www.epicenteprises.weebly.com . Heres the code:

    ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, body, html, p, blockquote, fieldset, input {
    margin: 0;
    padding: 0;
    }

    a img {
    border: 0;
    }

    a {
    color: #ea7400;
    text-decoration: none;
    }

    a:hover {
    color: #ff9833;
    }

    /* General Styling and Structure
    --------------------------------------…

    body {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    color: #797979;
    margin: 0;
    padding: 0;
    background: #f5f5f5;
    }

    h2 {
    font-size: 1.7em;
    margin: 0;
    padding: .3em 0;
    line-height: 1.2;
    font-family: "Signika", Arial, Helvetica, sans-serif;
    font-weight: 700;
    -webkit-text-stroke-width: 0.2px;
    }

    #content h2 {
    color: #ea7400;
    }

    p {
    font-size: 1em;
    line-height: 1.5;
    margin: 0;
    padding: .5em 0;
    }

    #content p {
    color: #797979;
    }

    #content abbr {
    border-bottom: 1px dotted #8f8f8f;
    }

    .page {
    margin: 0 auto;
    width: 960px;
    }

    blockquote {
    font-style:italic;
    border-left:4px solid #ea7400;
    margin:10px 0 10px 0;
    padding-left:20px;
    line-height:1.5;
    color:#888;
    }

    #header-wrap,
    #main-wrap,
    #footer-wrap {
    min-width: 96px;
    }

    #header-wrap {
    background: url(header-bg.jpg) left;
    padding-bottom: 87px;
    }

    .page-shadow {
    background: url(main-shadow.png) top center no-repeat;
    }

    .outer-main-wrap {
    background: url(white.gif) left 90px repeat-x;
    }

    #main-wrap {
    position: relative;
    margin-top: -90px;
    background: url(header-bg.jpg) left;
    }

    #header {
    background: #ea7400;
    padding: 0 33px;
    margin: 0;
    }

    #logo,
    #logo a {
    color: #fff;
    margin: 0;
    padding: 0;
    text-decoration: none;
    -webkit-text-stroke-width: 0.2px;
    }

    .wsite-logo,
    .wsite-logo a:hover {
    color: #fff;
    }

    #logo,
    #logo a {
    font-size: 36px;
    color: #fff;
    margin: 0;
    font-weight: 700;
    padding: 0;
    float: left;
    font-family: "Signika", Arial, Helvetica, sans-serif;
    }

    #header-right a {
    color: #ffb56d;
    }

    #header-right a:hover {
    color: #FFF;
    }

    /* Header Area
    --------------------------------------…

    #header {
    width: 100%;
    height: 80px;
    }

    #header,
    #header table {
    border-collapse: collapse;
    border-spacing: 0;
    }

    #header td {
    vertical-align: middle;
    text-align: left;
    }

    #logo {
    padding: 25px 0 22px 18px;
    }

    #header-right {
    padding: 0 18px 0 10px;
    }

    #header-right table {
    float: right;
    width: 1px;
    }

    #header-right td {
    padding: 0;
    }

    /* TOP RIGHT: Phone Number
    --------------------------------------…

    #header-right .phone-number .wsite-text {
    color: #813400;
    font-size: 12px;
    font-weight: normal;
    font-family: Arial, Helvetica, sans-serif;
    text-decoration: none;
    display: block;
    white-space: nowrap;
    margin: 0 0 0 15px;
    }

    /* TOP RIGHT: Social Links
    --------------------------------------…

    #header-right .wsite-social {
    vertical-align: middle;
    margin: 0 0 0 12px;
    }

    .wsite-social-item {
    width: 20px;
    height: 20px;
    margin: 0 0 0 3px;
    background-image:url(social-orange.pn…
    }

    Thats as much as I can fit on here but hopefully the problem is somewhere in there.
    Please help
    Thanks in advance.

  • #2
    Master Coder Excavator's Avatar
    Join Date
    Dec 2006
    Location
    Alaska
    Posts
    9,749
    Thanks
    22
    Thanked 1,838 Times in 1,822 Posts
    Hello websitecreater,
    Put your background on the body of the document instead of the #header-wrap and #main-wrap.

    When posting code in the forum, please use the code tags, [code][/code] - available with the # button in the post edit window.
    This will wrap your code in a scroll box which greatly helps the readability of your post.
    Validate often DURING development - Use it like a splelchecker | Debug during Development |Write it for FireFox, ignore IE
    Use the right DocType | Validate your markup | Validate your CSS | Why validating is good | Why tables are bad


  •  

    Tags for this Thread

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •