• 0

website help


Question

i am making a simple website thats like this:http://www.darkspirefilms.com/

how can i make it so that it fits the screen and has that bar at the bottom?

Link to comment
Share on other sites

8 answers to this question

Recommended Posts

  • 0

Absolute:

#footer { position: absolute; bottom: 0; left; 0; }

Fixed:

#footer { position: fixed; bottom: 0; left: 0; }

Link to comment
Share on other sites

  • 0

how do i get the footer to completely strech to both sides because it has a gap on both sides ive allready done the webpage except the footer and how do i give it a background

thanks in advance

Link to comment
Share on other sites

  • 0

I know what you meant and the example I gave still applies.

When you set a background to body that background image is only applied to the body. When you set a background to #divnamehere, that's only set to #divnamehere...

For what it's worth, why not try the code out first before you jump to the conclusion that it's not what you need. :)

Link to comment
Share on other sites

  • 0

burrrnnn lol

Cups is right thou, you need to tell the html markup where to apply that background, whether it be a background image or a div tag.

What you want is something like this for the footer

#div.footer {
 background: url('images/footerbackground.jpg') repeat-y;
 }

and then for the actual background itself for the content, more or less the same thing but in its own div tag

#div.content {
 background: url('images/contentbackground.jpg') repeat-y;
 }

Link to comment
Share on other sites

  • 0

You wouldn't actually use "#div.footer" or "#div.content."

# is an ID -- So just #footer

. is a class - Just .content

You've got bother in there and you'll end up having code that won't work.

An ID (#) can only be used once and a class (.) can be used multiple times.

EG:

 <div id="content">
        <div class="post">Content Would be here</div>
        <div class="post">Content Would be here</div>
        <div class="post">Content Would be here</div>
</div>

It will still work but if you're a stickler for validation then you'll get errors. :)

Link to comment
Share on other sites

This topic is now closed to further replies.
  • Recently Browsing   0 members

    • No registered users viewing this page.