Jump to content

Help for Uni Project


Congo
 Share

Recommended Posts

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

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 by Congo
Link to comment
Share on other sites

???? 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

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

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

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 account

Sign in

Already have an account? Sign in here.

Sign In Now
 Share

×
×
  • Create New...