Go Back   CodingForums.com > :: Client side development > HTML & CSS
Reload this Page background keeps getting cut of

Before you post, read our: Rules & Posting Guidelines

Reply
 
Thread Tools Rate Thread
Enjoy an ad free experience by logging in. Not a member yet? Register.
Old 09-16-2011, 02:26 AM   PM User | #1
unify
New Coder

 
Join Date: Jul 2011
Posts: 10
Thanks: 2
Thanked 0 Times in 0 Posts
unify is an unknown quantity at this point
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.
unify is offline   Reply With Quote
Old 09-16-2011, 04:04 PM   PM User | #2
resdog
Regular Coder

 
Join Date: Aug 2011
Location: U.S.A.
Posts: 233
Thanks: 2
Thanked 48 Times in 48 Posts
resdog is on a distinguished road
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;
resdog is offline   Reply With Quote
Reply

Bookmarks

Jump To Top of Thread


« Previous Thread | Next Thread »
Thread Tools
Rate This Thread
Rate This Thread:

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts
BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Forum Jump


All times are GMT +1. The time now is 11:32 PM.
Advertisement
Log in to turn off these ads.