...

View Full Version : background keeps getting cut of



unify
09-16-2011, 03:26 AM
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


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


.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.

resdog
09-16-2011, 05:04 PM
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:



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


becomes:



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



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum