I've never been able to achieve this but you will see on this example what i mean.
<!-- m --><a class="postlink" href="http://geocities.com/demonikprod/">http://geocities.com/demonikprod/</a><!-- m -->
I want the black background behind the text to stretch to the bottom of the page when there isn't enough text and extend to the necessary length when it needs to scroll.
Anyway, everything is basically done with CSS the text is set between a <div> with the following CSS properties:
#content {
background-image: url(images/background.jpg);
background-repeat: no-repeat;
background-color: #000000;
width: 800px;
}
So what could I put in there that would automatically strech my background to the necessary lenght?
Thanks100% height (<!-- m --><a class="postlink" href="http://www.quirksmode.org/css/100percheight.html">http://www.quirksmode.org/css/100percheight.html</a><!-- m -->), although using geocities this will in all probability never work.Why not apply it to the body tag?Thanks,
I'm not going to be using geocities that was just a test account. You're saying that I should use 100% height in the body tag? I'll try that.throw a margin: 0 in the body tag as well for good luck
Originally posted by batookee
Thanks,
I'm not going to be using geocities that was just a test account. You're saying that I should use 100% height in the body tag? I'll try that.
If you're talking about my advice I meant put the background property on the body tag...
body {
background-image: url(images/background.jpg);
background-repeat: no-repeat;
background-color: #000000;
}Originally posted by DaveSW
If you're talking about my advice I meant put the background property on the body tag...
body {
background-image: url(images/background.jpg);
background-repeat: no-repeat;
background-color: #000000;
}
easier way:
body {
background: url(dir/file.ext) no-repeat #000000;
}
a lot easier to manage.
<!-- m --><a class="postlink" href="http://geocities.com/demonikprod/">http://geocities.com/demonikprod/</a><!-- m -->
I want the black background behind the text to stretch to the bottom of the page when there isn't enough text and extend to the necessary length when it needs to scroll.
Anyway, everything is basically done with CSS the text is set between a <div> with the following CSS properties:
#content {
background-image: url(images/background.jpg);
background-repeat: no-repeat;
background-color: #000000;
width: 800px;
}
So what could I put in there that would automatically strech my background to the necessary lenght?
Thanks100% height (<!-- m --><a class="postlink" href="http://www.quirksmode.org/css/100percheight.html">http://www.quirksmode.org/css/100percheight.html</a><!-- m -->), although using geocities this will in all probability never work.Why not apply it to the body tag?Thanks,
I'm not going to be using geocities that was just a test account. You're saying that I should use 100% height in the body tag? I'll try that.throw a margin: 0 in the body tag as well for good luck
Originally posted by batookee Thanks,
I'm not going to be using geocities that was just a test account. You're saying that I should use 100% height in the body tag? I'll try that.
If you're talking about my advice I meant put the background property on the body tag...
body {
background-image: url(images/background.jpg);
background-repeat: no-repeat;
background-color: #000000;
}Originally posted by DaveSW
If you're talking about my advice I meant put the background property on the body tag...
body {
background-image: url(images/background.jpg);
background-repeat: no-repeat;
background-color: #000000;
}
easier way:
body {
background: url(dir/file.ext) no-repeat #000000;
}
a lot easier to manage.