Click to See Complete Forum and Search --> : making background of body tile?


Baby Jai
07-06-2008, 01:27 AM
As you can see here
http://babyjai.com/testing/gp/

i have a nice little background on the bottom, now at high resolution it wont be absolute bottom, how do i make it go to the bottom without keep putting line breaks

coothead
07-06-2008, 04:06 AM
Hi there Baby Jai,

try changing this...

body {
background-repeat: repeat-x;
background-color: #401819;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 10px;
margin-top: 0px;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
background-image: url(images/bottombg.jpg);
background-position: bottom;
}

...to this...

html,body {
min-height:100%;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 10px;
margin: 0;
background-color: #401819;
background-image: url(images/bottombg.jpg);
background-repeat: repeat-x;
background-position: bottom;
}

Alos note that you have this line in your markup...
<a href"yesckd.html" class="nav">Regular Link</a></td>
...it should be...
<a href="yesckd.html" class="nav">Regular Link</a></td>
coothead

Baby Jai
07-06-2008, 11:16 AM
well yes and no, what it did was it took the thing and made it ont he bottom, HOWEVER it repeats itself doubel time on the top, it should be a lot smaller in height. whats the difference in code between yours and mine? What i mean is why add the html in front of it, and it seems that your code with the height set to 100% it works at the end of the page and then again the additional space is added to that

ray326
07-06-2008, 12:17 PM
He added the html because the body is contained in the html and a percentage height is relative to the container.

Mr. E. Cryptic
07-06-2008, 12:33 PM
this is a strange one, for some reason the background image defined for the body seems to be aligning itself to the bottom of the custom div with class "bodywidth";

While coothead's solution does actually position the image to the bottom f the body (IE only - no change in both FF and Opera), there's still another copy of it aligning itself to the bottomof the above mentioned div, producing the 2 times effect Baby Jai mentioned.

For now I'm stumped, if there isn't a solution yet when I return later, I look at it again (when I've woken up properly :) )