Congo Posted February 13, 2013 Share Posted February 13, 2013 Hello,I have to design a website based on HTML and CSS for my course project. Im about to finish but I have some questions.Well the 1st one is: I have a html page which is the footer: <!DOCTYPE html><html><head><meta charset=utf-8 /><title></title><link rel="stylesheet" type="text/css" href="css/index.css" /></head><body> <footer> Supported Browsers: <img src="images/compatible_ie.gif" alt="Internet Explorer"><img src="images/compatible_firefox.gif" alt="Mozilla Firefox"><img src="images/compatible_chrome.gif" alt="Google Chrome"><img src="images/compatible_safari.gif" alt="Apple Safari"><img src="images/compatible_opera.gif" alt="Opera"><br /> Designed and Development by </footer></body></html> And here is the CSS code: header, footer, nav, aside {margin: 0em auto;padding: 1em 1em 1em 12em; }footer, header {clear:both;footer {padding: 3em;text-align: center; } Is it possible to make the content to be on the very center of the page and on the very bottom of the page?I dont need it to be specified with em or something, because if you resize the page or if you open the page on a different screen resolution then its not on the very bottom cause each screen resolution is different.Sorry for my bad english, I hope that you understand what I mean.Thank you Link to comment Share on other sites More sharing options...
jeffman Posted February 13, 2013 Share Posted February 13, 2013 Google sticky footer. Link to comment Share on other sites More sharing options...
Congo Posted February 14, 2013 Author Share Posted February 14, 2013 (edited) Hello, thanks for your post.I tried to simplify a result from the google to my website but with no luck. The tutorial is saying how to add the sticky footer to a single html page. but my footer is a different html page. Actually I have the html pages Menu, Left bar, content and footer and I load them to the browser using a php file (include). How is possible to make it work? Edited February 14, 2013 by Congo Link to comment Share on other sites More sharing options...
dsonesuk Posted February 14, 2013 Share Posted February 14, 2013 ???? If you have these pages representing different areas of the page, which you wish to insert to the main page/s, if you take the footer for instance for example, you would just have within the footer page <footer> Supported Browsers: <img src="images/compatible_ie.gif" alt="Internet Explorer"><img src="images/compatible_firefox.gif" alt="Mozilla Firefox"><img src="images/compatible_chrome.gif" alt="Google Chrome"><img src="images/compatible_safari.gif" alt="Apple Safari"><img src="images/compatible_opera.gif" alt="Opera"><br /> Designed and Development by </footer> then within main page/s use <?php include('footer.thm'); ?> where you wanted it to be shown. Link to comment Share on other sites More sharing options...
Congo Posted February 14, 2013 Author Share Posted February 14, 2013 Thank you for your reply.So you telling me for the footer.html I don't need the for example: <!DOCTYPE html><html><head><meta charset=utf-8 /><title></title><link rel="stylesheet" type="text/css" href="css/index.css" /></head><body></body</html> Just the <footer></footer> And how can I make it sticky?Cause the examples are for one single page, I tried to make it work but with no luck. Link to comment Share on other sites More sharing options...
jeffman Posted February 14, 2013 Share Posted February 14, 2013 Develop the sticky footer for one page. When you have it working, you should be able to include the HTML into any document, and link to the CSS also. Trying to develop the sticky footer WHILE you are learning to include things will make debugging more difficult. Link to comment Share on other sites More sharing options...
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!
Register a new accountSign in
Already have an account? Sign in here.
Sign In Now