XCalvin Posted June 26, 2010 Share Posted June 26, 2010 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 More sharing options...
0 RoomKid Posted June 26, 2010 Share Posted June 26, 2010 Absolute: #footer { position: absolute; bottom: 0; left; 0; } Fixed: #footer { position: fixed; bottom: 0; left: 0; } Link to comment Share on other sites More sharing options...
0 Cupcakes Posted June 26, 2010 Share Posted June 26, 2010 You'll need to design it around 100% width, so that it will stretch in all resolutions. http://www.cssgirl.com/resources/2008/06/07/create-full-width-header-footer-with-centered-content-using-css/ http://layouts.ironmyers.com/ Link to comment Share on other sites More sharing options...
0 XCalvin Posted June 26, 2010 Author Share Posted June 26, 2010 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 More sharing options...
0 Cupcakes Posted June 26, 2010 Share Posted June 26, 2010 If it has a gap then it's because you're not utilizing a reset stylesheet. http://meyerweb.com/eric/tools/css/reset/ If you need a background: #divnamehere { background: url('images/url.jpg') repeat-y; } Of course manipulate the code to what you need. Link to comment Share on other sites More sharing options...
0 XCalvin Posted June 26, 2010 Author Share Posted June 26, 2010 what i meant by background was have a background on the footer and still keep my other background Link to comment Share on other sites More sharing options...
0 Cupcakes Posted June 26, 2010 Share Posted June 26, 2010 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 More sharing options...
0 +Anarkii Subscriber² Posted June 26, 2010 Subscriber² Share Posted June 26, 2010 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; } Cupcakes 1 Share Link to comment Share on other sites More sharing options...
0 Cupcakes Posted June 26, 2010 Share Posted June 26, 2010 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 More sharing options...
Question
XCalvin
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