Hello,
I’m trying to position my footing so that it appears on the bottom of the my website to no avail.
This is the address of my website.
http://www.drenchinfrench.com/home.html
This is my html code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Drench In French</title>
<meta http-equiv="Content-Type"
content="text/html; charset=utf-8"/>
<link href="drenchinfrench.css" rel="stylesheet" type="text/css"/>
</head>
<body>
<div id="en_tete">
<!-- Ici on mettra la bannière -->
<div class="heading"> <img src="ephemeral_header04.jpg"
alt="header"
width="1300" height="216"/> </div></div>
<div id="menu">
<!-- Ici on mettra le menu -->
<div>
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="childrensplace.html">The Children's Place</a></li>
<li><a href="bookswerecommend.html">Books We Recommend</a></li>
<li><a href="freeresourcesforeveryone.html">Free Resources For Everyone</a></li>
<li><a href="services.html">Services</a></li>
<li><a href="contactus.html">Contact Us</a></li>
</ul>
</div></div>
<div id="corps">
<div><img src="paris_pics1.jpg" alt"arc de triomphe" width="360"
height="450"</> </div><!--la photo qui se trouve au dessus h1-->
<div><h1>Welcome to Drench in French</h1></div>
<div><h2>The Right Place to Learn French<h2/></div>
<div><p>French has always been one of the most popular language in the world.
French is not just a romance language. If you thought that French is mostly
used in romantic conversations, posh restaurants and cafés or in fashion events,
you’re in for a surprise. According to Richard Shryock of Virginia Polytechnic
Institute and State University, http://www.fll.vt.edu/French/whyfrench.html</p>
<div><blockquote> “While any language will be useful for some jobs for some regions,
French is the only foreign language that can be useful throughout the world as well
as in the United States. French as a foreign language is the most frequently taught
language in the world after English. The International Organization of Francophonie
has 56 member states and governments." </blockquote> </div>
<p>Of these, 28 countries have French as an official language. French is the only
language other than English spoken on five continents. French and English
are the only two global languages, after English. The International
Organization of Francophonie has 56 member states and governments. Of these,
28 countries have French as an official language. French is the only
language other than English spoken on five continents. French and English
are the only two global languages.”
He also advises English speakers to choose French when deciding for a foreign
language as it will give them better opportunities in their studies and careers.
He gives more details about the importance of the French language in his
website
mentioned above. We will just retain the most important facts about the French
language:</p>
<div class="list">
<ol>
<li>French, along with English, is the official working language of
the United Nations, UNESCO, NATO, the International Olympic Committee, the European
Community, the International Red Cross etc...</li>
<li>One example of the importance of French can be seen in a recent listing of
international jobs distributed by the US State Department: 92 required or
preferred French, 36 Spanish, 11 a UN language.</li>
<li>Of the various types of professional positions for which international
organizations recruit, four required French, two Spanish and one Arabic
according to the fact sheet released by the Bureau of International
Organization Affairs of the U.S Department of State.</li>
</ol></div>
<p>We really recommend to visit the website mentioned above for more facts
about the French language that will make you eager to start learning
French or consolidating what you have already learned. For all the reasons
mentioned above and so many more, we decided to create this website that will
hopefully help you achieve your goal of speaking, understanding, reading and
writing French that will satisfy you.</p>
<p>The website is being updated and expanded everyday so we recommend yo
u to bookmark it and check it as often as possible. If you need any help or
want to make comments please feel free to email us at [EMAIL="Frenchoneonone@gmail.com"]Frenchoneonone@gmail.com[/EMAIL]
</p></div>
</div>
<!-- Ici on mettra le contenu principal de la page (tout le texte quoi) -->
<div id="footing"><p>
<a href="http://jigsaw.w3.org/css-validator/check/referer">
<img style="border:0;width:88px;height:31px"
src="http://jigsaw.w3.org/css-validator/images/vcss"
alt="Valid CSS!" />
</a>
</p>
<!-- Enfin, on mettra en bas de la page le nom de l'auteur, un copyright... -->
</div>
</body>
</html>
This is my Css code:
a {
font-style: italic;
}
a:link {
color: gray;
}
a:visited {
color: green;
}
a:hover {
text-decoration: none;
color: white;
background-color: navy;
}
a:active {
color: aqua;
background-color: navy;
}
#menu
{
width:150px;
height:350px;
border: 2px #7fffd4;
margin:25px;
padding:25px;
padding-left:10px;
background-color: #ffffe0;
}
#corps
{
width: 350px;
margin: auto;
margin-top: 20px;
margin-left: 200px;
text-align: justify;
}
h1
{
font-family: Arial, Georgia, Verdana, Serif;
color: #daa520;
margin-left: 250px;
}
h2
{
font-family: Arial, Georgia, Verdana, Serif;
color: #daa520;
text-align: center;
position: relative;
bottom: 10px;
padding-top: 25px;
padding-bottom: 0px;
}
blockquote
{
font-style: italic;
padding-top: 50px;
background-color: #eedd82;
padding: 25px;
}
#toppic
{
margin-top: 0px;
}
p
{
padding: 20px;
background-color: #fafad2;
}
.list
{
background-color: #fafad2;
padding:25px;
padding-left: 25px;
padding-top: 25px;
}
#corps
{
width: 1000px;
background: #fafad2;
margin-right: 150px;
margin-bottom: 150px;
position: absolute;
top:225px;
}
#footing
{
clear: both;
text-align: center;
color: #fafad2;
border: 2px solid black;
margin-bottom: 5px;
}
I don’t know what I am doing wrong, but I suspect something to do with the div.
Any help will be appreciated
Thank you in advance.
