Help to adjust background width please.

Discussion in 'CSS' started by wptheme, Apr 10, 2009.

  1. #1
    Hi, the code is for my site
    Check Domain

    html, body{padding: 20px;background-image: url(bbbggg.png);
    font: 100.01% "Trebuchet MS",Verdana,Arial,sans-serif}
    h1,h2,p{margin: 0 10px}
    h1{font-size: 250%;color: #FFF}
    h2{font-size: 200%;color: #f0f0f0}
    p{padding-bottom:1em}
    h2{padding-top: 0.3em}
    div#nifty{ margin: 0 25%;background: #FEA319}

    b.rtop, b.rbottom{display:block;background: #755844}
    b.rtop b, b.rbottom b{display:block;height: 1px;
    overflow: hidden; background: #FEA319}
    b.r1{margin: 0 5px}
    b.r2{margin: 0 3px}
    b.r3{margin: 0 2px}
    b.rtop b.r4, b.rbottom b.r4{margin: 0 1px;height: 2px}
    </style>
    #hold {
    width:770px;
    margin:0 auto;
    overflow:hidden; /* Float Containment for modern browsers*/
    background:inherit;

    }
    * html #hold {overflow:visible; height:1%} /*haslayout for IE6*/
    }
    h1 {
    font-size: 3.5em;
    font-weight: normal;
    margin: 0px;
    }
    h1 a {
    color: #000000;
    text-decoration: none;
    }
    h2 {
    font-size: 0.8em;
    font-weight: normal;
    margin: 0px;
    }
    h2 strong {
    color: #FF4444;
    }
    form {
    margin: 6px 0px 0px 12px;
    }
    h3 {
    font-size: 0.9em;
    margin: 0px 0px 8px 0px;
    }
    h3 label {
    cursor: pointer;
    }
    .normal {
    font-weight: normal !important;
    }
    .input {
    font-size: 1.6em;
    color: #444444;
    background-color: #EEEEEE;
    background-image: url('../img/input.gif');
    background-repeat: repeat-x;
    width: 590px;
    margin: 0px 0px 12px 0px;
    padding: 4px;
    border: 1px solid #AAAAAA;
    }
    .button {
    font-family: "Lucida Sans Unicode", "Tahoma", sans-serif;
    margin: 0px 0px 0px 4px;
    padding: 4px;
    cursor: pointer;
    }
    #result {
    margin: 10px 0px 0px 8px;
    font-size: 0.8em;
    }
    #result a {
    color: #FF4444;
    }
    #result a:hover {
    color: #FF2222;
    }
    #footer {
    font-size: 0.8em;
    text-align: center;
    margin: 20px 0px 0px 0px;
    }
    #footer a {
    color: #0099FF;
    }
    ----------

    So which one do I edit coz if you look at my site the adsense is bigger than the background and I need to make it bigger. Thanks
    p/s-sorry for bad english:eek:
     
    wptheme, Apr 10, 2009 IP
  2. Orionburst

    Orionburst Peon

    Messages:
    13
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    0
    #2
    Hi,

    The fix for your problem is:

    On line 8 div#nifty{ margin: 0 25%;background: #FEA319}
    replace with
    div#nifty{ margin: 0 24.1%;background:#FEA319}
    this will fix the problem. You shouldn't work in % as they are very inaccurate between different browsers. Try using defined pixel dimensions instead.
     
    Orionburst, Apr 11, 2009 IP
    wptheme likes this.
  3. wptheme

    wptheme Well-Known Member

    Messages:
    4,051
    Likes Received:
    346
    Best Answers:
    0
    Trophy Points:
    180
    #3
    Thanks. Ok now :) Repped
    Just one more thing. This site BHO when using FF is ok but when using IE its terrible. Do you know anyway to fix this? I know it has to do with css but not sure how to edit
     
    wptheme, Apr 12, 2009 IP
  4. Orionburst

    Orionburst Peon

    Messages:
    13
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    0
    #4
    Hi,

    Just checked that site doesn't seem to be any difference between my FF and IE site looks well. Try updating your IE. It is probable just a small problem with your version of IE.
     
    Orionburst, Apr 12, 2009 IP
  5. wptheme

    wptheme Well-Known Member

    Messages:
    4,051
    Likes Received:
    346
    Best Answers:
    0
    Trophy Points:
    180
    #5
    Yah, confirmed it too. B4 this it was awful now ok. Thanks a lot
     
    wptheme, Apr 13, 2009 IP