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 3 of 3
  1. #1
    New to the CF scene
    Join Date
    Jul 2008
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts

    HELP! CSS IE6 Background Repeat Problem

    hey, im having problem in IE6 repeating my background when my content area/div expands, every other browser works fine! im bit new to css still learning the in;s and outs if any one can tell me how to fix or has solution then I would really appreciate!

    here is the link to the site. http://www.salefest.com.au/askmenow/index2.html


    you will see the blank space under the orange background in IE 6 but background shows in firefox etc..

    heres the CSS (little bit messy because ive tried a few things)
    cheers!

    * {
    margin: 0;
    padding: 0;

    }

    body {
    text-align:center; /* IE6 needs this to center the layout in the browser window */

    background: #Ffffff;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #6B6B6B;
    background-color: #Ffffff;
    }
    p{
    margin-bottom: 1.5em;
    line-height: 170%;
    text-align: justify;
    }


    blockquote {
    margin-left: 3em;
    margin-right: 3em;
    }

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

    a:hover {
    text-decoration: none;
    color: #666666;
    }



    /* Wrapper */
    #wrapper {
    width: 100%;

    }

    #wrapper2 {
    width: 100%;
    background: url(images/bg_orange.jpg) repeat-x;


    margin-top:0;
    }
    #wrapper3 {
    width: 799px;
    background: url(images/top_box.jpg) no-repeat;
    background-position:left top;
    margin:0 220px;

    }


    /* Header */
    #header {
    margin: 0 auto;
    width: 734px;
    padding-top:17px;
    padding-bottom:10px;


    /*margin-right: 0.183em;*/
    }
    #account {
    float:right;
    margin: 0 auto;
    width: 200px;
    padding-top:35px;
    padding-right:45px;
    height: 50px;
    text-align:right;
    font-size:11px;

    }
    #account a {
    color:#EB8B1D;
    font-size:11px;
    }
    #account a:hover{
    color:#ffffff;
    background-color:#777777;
    font-size:11px;
    }
    #links {

    margin: 0 auto;
    width: 670px;
    height:30px;
    padding-left:35px;
    text-align:center;
    /*margin-right: 0.183em;*/
    }


    /* Page */
    #page {
    margin-top:0;


    }
    #top_box {
    font-size:0;
    display:block;
    }
    #left_box{

    height:189px;
    width: 78px;
    margin:0;
    float:left;

    }

    #center_rightleft{
    overflow:visible;
    }
    #center_content{

    width: 643px;
    float:left;
    background-color:#FFFFFF;
    padding:0 0 0 0;
    }
    #right_box{
    padding-right:0px;
    height:189px;
    width: 60px;
    margin:0;
    float:left;
    line-height:normal;
    }
    #repeater{
    width:100%;
    background: #fff url(images/repeat.jpg) top left repeat-y;
    display:block;
    overflow:visible;
    height:100%;
    padding:0;
    margin:0;

    }
    html>body {
    min-height:100%;
    height:auto;

    }

    * html #repeater{

    min-height: 100%;

    }
    #base
    {
    margin: 0 auto;
    padding-bottom:0px;
    line-height: normal;
    height:110px;


    }




    #widebar {
    color:#999999;
    margin: 0 auto;
    width: 705px;
    height:38px;
    font-size:11px;

    position:relative;
    text-align:center;
    padding-right:30px;

    }
    #widebar p{
    color:#999999;
    font-size:11px;
    text-align:center;
    position:relative;
    margin:0;
    }
    #widebar a:hover{
    color:#ffffff;
    background-color:#777777;
    font-size:11px;
    text-align:center;
    position:relative;


    }
    #widebar a{
    color:#EB8B1D;
    font-size:11px;
    text-align:center;
    position:relative;


    }

  • #2
    New Coder
    Join Date
    Jul 2008
    Posts
    14
    Thanks
    3
    Thanked 0 Times in 0 Posts
    so u want it to repeat ? or not repeat?
    it repeats to me on IE7

  • #3
    New to the CF scene
    Join Date
    Jul 2008
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts
    It repeats on all browsers except for IE6 ,

    Need it to repeat on IE6 , not sure if there is a IE6 hack for it?

    cheers


  •  

    Posting Permissions

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