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 Coder
    Join Date
    Jul 2011
    Posts
    10
    Thanks
    2
    Thanked 0 Times in 0 Posts

    background keeps getting cut of

    So my background keeps getting get off. Can someone please help me fix this?

    Here's the page:
    http://aquaphresh.forumotion.com/forum

    This page has a huge cut:
    http://aquaphresh.forumotion.com/faq

    here's my body bg css
    Code:
    body {
    background: #f0fdff url(http://i654.photobucket.com/albums/uu265/hoover78/zakums%20tree%20branch/aquaRoad-back-1.png) repeat-x;
    margin: 0px !important;
    padding: 0px !important;}
    Here's my full css
    Code:
    .buttons img{background: url(http://i66.servimg.com/u/f66/13/46/75/82/upload10.png) no-repeat center;}
    
    .buttons img:hover{background: url(http://i66.servimg.com/u/f66/13/46/75/82/upload11.png) no-repeat center;}
    
    .i_post{background: url(http://i66.servimg.com/u/f66/13/46/75/82/new_to25.png) no-repeat center !important;}
    
    .i_post:hover{background: url(http://i66.servimg.com/u/f66/13/46/75/82/new_to26.png) no-repeat center !important;}
    
    .i_reply, #new-message-link img{background: url(http://i66.servimg.com/u/f66/13/46/75/82/post_r23.png) no-repeat center !important;}
    
    .i_reply:hover, #new-message-link img:hover{background: url(http://i66.servimg.com/u/f66/13/46/75/82/post_r24.png) no-repeat center !important;}
    
    .i_reply_locked{background: url(http://i66.servimg.com/u/f66/13/46/75/82/locked31.png) no-repeat center !important;}
    
    .i_reply_locked:hover{background: url(http://i66.servimg.com/u/f66/13/46/75/82/locked32.png) no-repeat center !important;}
    
    .i_msg_newpost{background: url(http://i66.servimg.com/u/f66/13/46/75/82/new_pm20.png) no-repeat center !important;}
    
    .i_msg_newpost:hover{background: url(http://i66.servimg.com/u/f66/13/46/75/82/new_pm21.png) no-repeat center !important;}
    
    #new-message-link a{border: none !important;
    -moz-box-shadow : 0 0 0px #666 !important;
    -webkit-box-shadow : 0 0 0px #666 !important;
    box-shadow : 0 0 0px #666 !important;}
    
    #fa_ticker_block{width: 920px;
    position: relative;
    left: 28px;
    padding: 10px;
    margin: -10px;
    padding-top: 15px;}
    
    #main-content{
    width: 920px !important;
    float: center;
    margin-left: 32px;}
    
    #page-header .navbar, #page-footer .navbar{
    background: none !important;
    width: 900px !important;
    margin-left: 32px;}
    
    .headerbar{
    padding-top: 30px;
    margin-left: 32px;
    width: 910px !important;}
    
    #page-header{
    width: 984px;
    background: url(http://i66.servimg.com/u/f66/11/96/49/61/header22.png) no-repeat top center;}
    
    #page-body{
    background: url(http://i66.servimg.com/u/f66/13/46/75/82/body33.png) repeat-y center !important;
    width: 100%;
    margin: 0px 0px;}
    
    #outer-wrapper{
    padding: 4px 0px;}
    
    #page-footer{
    float: center !important;
    width: 984px;
    background: url(http://i66.servimg.com/u/f66/13/46/75/82/f11.png) no-repeat bottom center;
    height: 70px;}
    
    #page-footer .navbar{
    padding-bottom: 20px;
    background: url(http://i66.servimg.com/u/f66/11/96/49/61/cr17.png) no-repeat bottom right !important;}
    
    body {
    background: #f0fdff url(http://i654.photobucket.com/albums/uu265/hoover78/zakums%20tree%20branch/aquaRoad-back-1.png) repeat-x;
    margin: 0px !important;
    padding: 0px !important;}
    
    .conteneur_minwidth_IE{
    background: url(http://i654.photobucket.com/albums/uu265/hoover78/zakums%20tree%20branch/sandyyys.png) repeat-x bottom;
    width: 100%;
    height: 100%;
    margin-bottom: -10px;
    padding-top: 15px;
    padding-bottom: 10px;}
    
    #wrap{
    position: relative;
    left: 10px;}
    
    #logo{
    float: right !important;
    margin-top: -15px;
    margin-right: -24px;
    padding: 0;}
    
    #profiles {
    width : auto;
    padding : 1px;
    border : 2px solid #EEE;
    -moz-border-radius : 7px;
    -webkit-border-radius : 7px;
    border-radius : 7px;
    -moz-box-shadow : 0 0 10px #666;
    -webkit-box-shadow : 0 0 10px #666;
    box-shadow : 0 0 10px #666;}
    
    .lastpost{
    margin: 3px;
    width : auto;
    border : 2px solid #EEE;
    -moz-border-radius : 7px;
    -webkit-border-radius : 7px;
    border-radius : 7px;
    -moz-box-shadow : 0 0 8px #666;
    -webkit-box-shadow : 0 0 8px #666;
    box-shadow : 0 0 8px #666;}
    
    .header .lastpost{
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;}
    
    #tabs a{
    margin: 10px;
    width : auto;
    color: white;
    padding : 2px;
    border : 2px solid #EEE;
    -moz-border-radius : 7px;
    -webkit-border-radius : 7px;
    border-radius : 7px;
    -moz-box-shadow : 0 0 10px #666;
    -webkit-box-shadow : 0 0 10px #666;
    box-shadow : 0 0 10px #666;}
    
    #tabs .activetab a {
    background: url('http://i66.servimg.com/u/f66/13/46/75/82/bgmenu11.png');
    width : auto;
    color: white;
    padding : 2px;
    border : 2px solid #EEE;
    -moz-border-radius : 7px;
    -webkit-border-radius : 7px;
    -moz-box-shadow : 0 0 10px #666;
    -webkit-box-shadow : 0 0 10px #666;}
    
    li.row {background-image: url('http://i66.servimg.com/u/f66/13/46/75/82/a20.png');}
    
    h3:before,.h3:before{
    content: url();
    padding-right: 3px;}
    
    p em b a.gensmall{font-style: normal;
    font-style: italic; 
    font-weight: bold;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    text-transform: none;}
    
    p em{font-style: normal; 
    font-size: 1.05em !important;
    font-weight: bold;
    color: #90AD0E;
    background: url(http://i66.servimg.com/u/f66/13/46/75/82/soccer11.png) no-repeat left;
    padding-left: 15px;
    padding-top: 1px;
    font-family: Verdana,Arial,Helvetica,sans-serif !important;
    text-transform: uppercase;}
    
    .hierarchy {background: none;}
    .hierarchy:before {content: url(http://illiweb.com/fa/empty.gif);}
    
    .introduction, .panel  {
    margin: 3px;
    background: #f0f0f0 url(http://i66.servimg.com/u/f66/13/46/75/82/bg113.png) repeat-x;
    border: 1px solid ;
    border-color: #dcdcdc;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border-radius: 15px;}
    
    .post { 
    border : 1px solid #949494;
    -moz-border-radius : 7px;
    -webkit-border-radius : 7px;
    border-radius : 7px;
    -moz-box-shadow : 0 0 2px #666;
    -webkit-box-shadow : 0 0 2px #666;
    box-shadow : 0 0 6px #666;
    background: url(http://i66.servimg.com/u/f66/13/46/75/82/bgbgbg10.png) repeat-x;
    }
    
    button.button2, input.button2{
    background: #f4f5f4 url(http://i66.servimg.com/u/f66/11/96/49/61/tabbg10.png);
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    padding: 2px;}
    
    #login_popup_buttons input{
    background: #f4f5f4 url(http://i66.servimg.com/u/f66/11/96/49/61/tabbg10.png) !important;
    -moz-border-radius: 3px !important;
    -webkit-border-radius: 3px !important;
    border-radius: 3px !important;
    padding: 2px !important;}
    
    a.button1:hover, input.button1:hover, a.button2:hover, input.button2:hover, button.button2:hover {
    color: #048ebb;}
    
    #text_editor_controls a.button2,#text_editor_controls input.button2,#text_editor_controls button.button2{
    background-image: url(http://i66.servimg.com/u/f66/13/46/75/82/bbg11.png);
    color: black;
    padding: 3px;}
    
    .module {
    margin: 3px;
    border : 1px solid #949494;
    -moz-border-radius : 7px;
    -webkit-border-radius : 7px;
    border-radius : 7px;
     background: url('http://i88.servimg.com/u/f88/14/28/28/25/111.png');
    background-repeat: repeat-x;
    background-color: #f4f4f4;}
    
    .icon-home{
    background: url(http://i66.servimg.com/u/f66/13/46/75/82/iconho11.png) no-repeat top;
    padding: 12px;
    padding-bottom: 20px;
    color: transparent !important;
    font-size: 0px !important;}
    
    .icon-home:hover{
    background: url(http://i66.servimg.com/u/f66/13/46/75/82/iconho12.png) no-repeat top;
    color: transparent;}
    
    .blog_cal-border {
    background-color: transparent;
    border: 0px;
    background: url('http://i66.servimg.com/u/f66/13/46/75/82/blog210.png') no-repeat center;
    padding: 5px 5px;}
    
    .blog_cal-content {
    background-color: transparent;
    color: #FFFFFF;}
    
    ul#privmsgs-menu {
    border : 1px solid #949494;
    padding: 1px;
    margin-right: -80px;
    width : 530px;
    -moz-border-radius : 7px;
    -webkit-border-radius : 7px;
    border-radius : 7px;
    -moz-box-shadow : 0 0 6px #666;
    -webkit-box-shadow : 0 0 6px #666;
    box-shadow : 0 0 6px #666;
     background: url('http://i88.servimg.com/u/f88/14/28/28/25/111.png');
    background-repeat: repeat-x;
    background-color: #f4f4f4;}
    
    .blog .icon {
    background-image: url(http://i45.tinypic.com/af911z.png) no-repeat, center;
    width: 59px;
    height: 80px;
    padding-top: 20px;}
    
    #search-box{
    margin-top: -20px;
    position: relative;
    bottom: -20px;
    height: 39px;
    width: 185px;
    right: -30px;
    display: inline;
    background: transparent url(http://i66.servimg.com/u/f66/14/66/48/40/sb11.png) no-repeat center;}
    
    #search-box #keywords {
    width: 80px;
    background: transparent;
    font-family: Georgia;
    font-style: italic;
    font-size: 12px;}
    
    #search-box input {
    border: none !important;
    background: none;}
    
    #search-box input.search {
    background: none;
    margin-left: 51px;
    margin-top: 11px;}
    
    #search-box input.button2 {
    font-size: 0px;
    background-image: url(http://i66.servimg.com/u/f66/14/66/48/40/buton_11.png);
    background-color: transparent;
    background-repeat: no-repeat;
    width: 24px !important;
    height: 24px !important;
    border: 0;
    margin-left: 4px;
    margin-bottom: -9px;
    background-position: 0 100%;
    color: transparent;}
    
    /*-------------------shame on me-------------------*/
    
    #page-footer{color: transparent; margin-bottom: 20px;}
    #page-footer .gensmall{color: #666666;}
    #page-footer a[href="http://www.blogratuit.ro/ro/"]{display: none !important;}
    #page-footer a[href="/report_abuse.forum?page=%2Fmeniuri-f15%2Fbass-meter-meniu-t168.htm&report=1"]{display: none !important;}
    
    #page-footer a[href="/report_abuse.forum?page=%2Fforum.htm&report=1"]{display: none !important;}
    
    
    img[src="http://illiweb.com/fa/empty.gif"]{display: none !important;}
    img[src="http://illiweb.com/fa/icon_mini_search.gif"]{display: none !important;}
    
    
    #page-footer a[href="http://www.blogratuit.ro/ro/"]{display: none !important;}
    #page-footer a[href="http://www.freeforums-hosting.com"]{display: none !important;}
    
    /*-------------------end-shame on me-------------------*/
    
    .forabg, .forumbg {
    -moz-border-radius: 10px 10px 11px 11px;
    -webkit-border-radius: 10px 10px 11px 11px;
    border-radius: 10px 10px 11px 11px;
    padding: 0 6px !important;}
    
    .forumline{
    -moz-border-radius: 10px 10px 11px 11px;
    -webkit-border-radius: 10px 10px 11px 11px;
    border-radius: 10px 10px 11px 11px;}
    
    .icon{margin-left: -22px;
    padding-left: 22px;}
    
    .forumbg .icon{margin-left: -22px;
    padding-left: 22px;}
    
    .forabg dd.posts, .forabg dd.topics, .forabg dd.lastpost{margin: 3px;}
    
    .forabg ul.forums, .pmlist {
    border: 2px solid white;
    background: #e7e5e5 url(http://i66.servimg.com/u/f66/13/46/75/82/a20.png) !important;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;}
    
     ul.topiclist, .pmlist {
    z-index: 999 !important;
    position: relative !important;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;}
    
    .pmlist .icon{margin-left: -25px !important;
    padding-left: 25px;}
    
    .forabg .row{background: none !important;}
    
    .forumbg .row{
    border-left: 2px solid white;
    border-right: 2px solid white;}
    
    .forumbg .row:first-child, .forumbg .row2:first-child, .table1 .row:first-child, .table1 .row2:first-child{
    -moz-border-top-left-radius: 10px;
    -moz-border-top-right-radius: 10px;
    -webkit-border-top-left-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    border-top-left-radius: 10px 10px 0 0;
    border-top-right-radius: 10px 10px 0 0;
    border-top: 2px solid white;}
    
    .forumbg .row:last-child, .forumbg .row2:last-child, .table1 .row:last-child, .table1 .row2:last-child{
    -moz-border-bottom-left-radius: 10px;
    -moz-border-bottom-right-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -webkit-border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px 10px 0 0;
    border-bottom-right-radius: 10px 10px 0 0;
    border-bottom: 2px solid white;}
    
    ul.search{
    background: #f0f0f0 url(http://i66.servimg.com/u/f66/13/46/75/82/bg113.png) repeat-x !important;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    border: 2px solid white;}
    
    .table1{
    z-index: 999 !important;
    position: relative;}
    
    .forumbg-table .left-box, .forumbg-table .right-box, .forumbg-table .row1{
    z-index: 999 !important;
    position: relative !important;}
    
    table{
    border-spacing: 0px;
    border-collapse: expression('separate', cellSpacing = '0px');}
    
    .forabg .corners-bottom, .forumbg .corners-bottom{
    display: inline-block;
    width: 920px;
    margin-left: -6px;
    padding-top: 50px;
    margin-top: -40px;
    background: url(http://i66.servimg.com/u/f66/11/96/49/61/bottom10.png) repeat-x bottom;
    z-index: -1 !important;
    -moz-border-radius: 0 0 10px 10px;
    -webkit-border-radius: 0 0 10px 10px;
    border-radius: 0 0 10px 10px;}
    
    #page-header .navbar ul.navlinks{ 
    width: 1012px;
    height: 50px;
    background: url(http://i66.servimg.com/u/f66/11/96/49/61/meniu12.png) no-repeat top center;
    left: -56px;
    position: relative;}
    
    #page-header .navbar ul.navlinks li a{
    color: white;
    position: relative;
    bottom: -22px !important;
    margin: 5px;
    font-family: arial;
    font-size: 14px;
    text-shadow: 1px 1px 1px black;}
    
    #page-header .navbar ul.navlinks li a:hover{
    text-shadow: -1px -1px 1px black;
    color: #dcf9ff;}
    
    .overview{
    border: 2px solid #2b6f02;
    top: 50px !important;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    color: white !important;
    background: #3B9D00 url(http://i66.servimg.com/u/f66/11/96/49/61/ovbg10.png) repeat-x;}
    
    .overview label{color: white;}
    
    .overview .row2{background: none;
    border-bottom: 1px dashed white;
    text-shadow: 1px 1px 1px black;}
    
    .overview a{position: static !important;}
    
    .post{
    background: #eeeeee url(http://i66.servimg.com/u/f66/11/96/49/61/offlin10.png) no-repeat top right;}
    
    #preview {
    background: #eeeeee !important;}
    
    input[type="text"],input[type="password"]{background-image: none !important;}
    
    .online{z-index: 999 !important;
    background: #eeeeee url(http://i66.servimg.com/u/f66/13/46/75/82/online15.png) no-repeat top right;}
    
    dl.codebox {
    background-color: #ffffff;
    border: 1px solid #e4e4e4;}
    
    dl.codebox dt {
    text-transform: none;
    background: url(http://i64.servimg.com/u/f64/14/54/25/26/cod12.png) no-repeat right;
    border-bottom: 1px dashed #c6e340;
    font-size: 12px;
    font-family: "Trebuchet MS",georgia,Verdana,Sans-serif;
    color: #666666;}
    
    .resizebox{
    background: #ffffff url("http://i66.servimg.com/u/f66/13/46/75/82/zoom11.png") 1px 1px no-repeat;
    background-position: top right;
    font-size: 12px;
    font-family: "Trebuchet MS",georgia,Verdana,Sans-serif;}
    
    .resizebox .resize_border{border: 1px solid #e4e4e4;}
    
    #chatbox{left: 205px;
    top: 40px;}
    
    #chatbox_members{top: 40px;}
    
    #chatbox_footer {padding-top: 4px !important;
    padding-bottom: 4px !important;
    padding-right: 0px !important;
    padding-left: 0px !important;
    width: 96%;
    margin-left: 1.5%;}
    
    #chatbox_footer #message{padding: 3px;
    width: 70%;
    cursor: text;}
    
    #chatbox_footer .text-field {width: 500px;
    margin-top: 5px;}
    
    #chatbox_footer .fontbutton{padding: 3px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    background: #f6ffe0;
    border: 2px solid #558A11;}
    
    .postprofile{
    float: left !important;
    color: forestgreen;
    text-align: left;
    border-color: #e6e6e6;}
    
    #login_popup {border: 2px solid #198699;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: #f0f0f0 url(http://i66.servimg.com/u/f66/13/46/75/82/bg113.png) repeat-x;}
    
    .pagination a {
    background: #f4f5f4 url(http://i66.servimg.com/u/f66/11/96/49/61/tabbg10.png);
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    padding: 3px !important;}
    
    .pagination a:hover{color: #90AD0E !important;}
    
    .pagination span strong{
    background: #f4f5f4 url(http://i66.servimg.com/u/f66/11/96/49/61/tabbg10.png);
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    padding: 3px;
    color: #198699;}
    
    .row .pagination {
    background: url('http://i66.servimg.com/u/f66/13/46/75/82/docume11.png') 0 50% no-repeat;}
    
    .header{text-shadow: 1px 1px 0px #286b00;}
    
    #page-footer .copyright strong a{ 
    border: 2px solid black;
    padding: 5px;
    background: white;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    position: relative;
    bottom: -15px;
    width: 100% !important;}
    
    ul#picture_legend {
    margin: 5px;
    padding: 5px;
    border : 1px solid #949494;
    -moz-border-radius : 7px;
    -webkit-border-radius : 7px;
    border-radius : 7px;
     background: url('http://i88.servimg.com/u/f88/14/28/28/25/111.png');
    background-repeat: repeat-x;
    background-color: #f4f4f4;}
    
    .user_login_form{margin: 5px;}
    Thank you so much! Appreciate it.

  • #2
    Regular Coder
    Join Date
    Aug 2011
    Location
    U.S.A.
    Posts
    233
    Thanks
    2
    Thanked 48 Times in 48 Posts
    You are repeating it across the x axis only, which means it only is the height that you gave it. And when the image stops, it starts showing the background color (#f0fdff). You need to find out what color you want use for the filler (in my case I saw the #224499, and replace the color you are using. So this line:

    Code:
    body {
        background: url("http://i654.photobucket.com/albums/uu265/hoover78/zakums%20tree%20branch/aquaRoad-back-1.png") repeat-x fixed 0 0 #F0FDFF;
    becomes:

    Code:
    body {
        background: url("http://i654.photobucket.com/albums/uu265/hoover78/zakums%20tree%20branch/aquaRoad-back-1.png") repeat-x fixed 0 0 #224499;


  •  

    Posting Permissions

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