PDA

View Full Version : Why won't my background tile??



noisyscanner
Mar 19th, 2010, 10:26 PM
Hello,
I have PHP generate a profile page but the code is all too long winded to post here so I'll put the HTML. What happens is instead of the background in the container tiling to be the length of my page.. it only gets to be 200px long.
EXAMPLE HERE: http://universalgames.biz/members/user/noisyscanner
Please look at the source code for that page and tell me what I'm doing wrong..
I'm using Firefox 3.5.8 on Ubuntu 9.10 right now.
Thanks..`

met
Mar 19th, 2010, 10:57 PM
body {
background:url("http://universalgames.biz/members/images/bg106.jpg") repeat;
}


unless you mean the actual #container div - it will only be as high as the content. look in to 100% height layouts

noisyscanner
Mar 20th, 2010, 10:17 AM
Yeah I do mean the actual container div..
It works how I want if I don't do:
<link href="http://includes.universalgames.biz/styles/styles.css" rel="stylesheet" type="text/css" />
<link href="http://universalgames.biz/members/mypage/styles.css" rel="stylesheet" type="text/css">
At the top. But I need my stylesheets because otherwise it looks ugly.

Here they are:
http://includes.universalgames.biz/styles/styles.css

/*
************************************
Author : Vivekanand
URL : http://www.developersnippets.com
************************************
*/

body {
font-family:Arial, Helvetica, sans-serif;
padding:0;
margin:0;
font-size: 10px;
color: #000000;
}

div#messagebox{ margin: 1% 40%;background: #595353; position:absolute; text-align:center; width:200px;}
div#statusText{ padding:20px; font-size:12px; color:#FFFFFF}
/* Nifty Corners (Rounded Corners)*/
b.rtop, b.rbottom{display:block;background: #FFF}
b.rtop b, b.rbottom b{display:block;height: 1px;
overflow: hidden; background: #595353}
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}
/* Nifty Corners (Rounded Corners)*/


(This was for the messagebox at the top of the screen that appears to tell the user status messages)

http://universalgames.biz/members/mypage/styles.css


.notice {
padding: 5px;
width: 400px;
margin: 2px;
color: #1B1972;
border: 1px solid #0A477D;
background-color: #86BBEB;
font: bold 15px Arial;
}

.backbox {
padding: 5px;
float:left;
margin: 2px;
color: #1B1972;
border: 1px solid #0A477D;
baground-color: #86BBEB;
font: bold 15px Arial;
}

EDIT:. .: But it isn't as high as the content!! Pictures and information boxes come down below the background!

noisyscanner
Mar 20th, 2010, 10:22 AM
Ok so I used a 100% height layout. Works great now thanks!!