18073 sujets

Questions générales et questions de débutants

Je n'arrive pas a afficeher un pied de page et un en-tête

bonjour, voici mon probleme:

je n'arrive pas a afficeher un pied de page et un en-tête, viici mon code:

<html>
<head>
<style type="text/css">
#en_tete
{
width: 760px;
height: 100px;
background-color: gray;
background-repeat: no-repeat;
margin-bottom: 10px;
border: 3px solid red;
}
#pied_de_page
{
padding: 5px;
text-align: center;
color: blue;
background-color: gray;
border: 3px solid red;
}
</style>
</head>
<body>
<div id="pied_de_page">
Copyright "Exited Corporation" 2005, tous droits réservés
</div>

<div id="en_tete">

</div>
</body>


c'est d'autant plus bizard car sa ne marche ni sous Internet Exploreur ni sous mozilla firefox!
voici mon code (je me suis trompé en recopiant mon code):


<html>
<head>
<style type="text/css">
#en_tete
{
width: 760px;
height: 100px;
background-color: gray;
background-repeat: no-repeat;
margin-bottom: 10px;
border: 3px solid red;
}
#pied_de_page
{
padding: 5px;
text-align: center;
color: blue;
background-color: gray;
border: 3px solid red;
}
</style>
</head>
<body>
<div id="pied_de_page">
Copyright "Exited Corporation" 2005, tous droits réservés
</div>

<div id="en_tete">

</div>
</body>
</html>
Smiley rolleyes
avec une DTD ce serait plus cool non ?


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<html>
<head>
<style type="text/css">
#en_tete
{
width: 760px;
height: 100px;
background-color: gray;
background-repeat: no-repeat;
margin-bottom: 10px;
border: 3px solid red;
}
#pied_de_page
{
padding: 5px;
text-align: center;
color: blue;
background-color: gray;
border: 3px solid red;
}
</style>
</head>
<body>
<div id="pied_de_page">
Copyright "Exited Corporation" 2005, tous droits réservés
</div>

<div id="en_tete">

</div>
</body>
</html>


chez moi çà fonctionne
Modifié par ernstein (31 Aug 2005 - 13:11)
Bonsoir

essaye cela pour voir
<div id="global">
<div id="en_tete"><p>Haut</p></div>
<div id="pied_de_page">Pied de page</div>
</div>
Smiley cligne
en fait c'est un copain qui utilise mon compte sa ressemble plutot a ça:
html:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<html>
<head>
<title>toulétuto</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" media="screen" type="text/css" title="css de base" href="cssacceuil.css" />
</head>

<body>
<div id="en_tete">
   bienvenitos!
</div>
<div id="menu">
des menus avec des liens...
</div>
<div id="corps">
blablabla
</div>
<div id="pied_de_page">
   Copyright "Exited Corporation" 2005, tous droits réservés
</div>
<div id="pied_de_page">
   Copyright "Exited Corporation" 2005, tous droits réservés
</div>

</body>
</html>


et le css:

#corps
{
margin-left: 140px;
margin-bottom: 20px;
padding: 5px;

background-color: gray;


border: 3px solid red;
}
#menu
{
   float: left; 
   width: 120px; 
   border: 3px solid red;
   background-color: silver;
}
body
{
   width: 760px;
   margin: auto; 
   margin-top: 20px; 
   margin-bottom: 20px;    
   background-color: black;
   color: white; 
}

#en_tete
{
   width: 760px;
   height: 100px;
   background-color: gray;
   background-repeat: no-repeat;
   margin-bottom: 10px;
   border: 3px solid red;
}
#pied_de_page
{
   padding: 5px;

   text-align: center;

   color: blue;
   background-color: gray;
   border: 3px solid red;
}


ouf....enfin terminé (je n'ai pas tout mis bien sur) mon pied de page et mon en tête ne s'affiche ni sous Internet exploreur, ni sous mozilla firefox.
merci. Smiley ohwell
dsl g mi 2 fois le pied de page quand j'ai recopier...
Smiley ravi
merci de m'aider
ps: mon copain comprend rien au HTML et le CSS il croit que c'est une association.... Smiley sweatdrop
Sujet clos
Aller à