Bonjour à tous,

Je suis en train de créer un petit site web pour un projet d'étude.

Sur mon site il y a déjà une barre de navigation, du contenu et un pied-de-page.

Je voulais également ajouter un tableau sur une de mes pages. Cependant lors de l'actualisation du site, mon tableau se trouve sous mon pied-de-page alors que je le voudrais au-dessus...

Je pense que c'est un problème avec la balise "position" ou peut-être autre chose....


Voici mon code CSS :

table {
color: #333;
font:normal 100 1em verdana,arial, sans-serif;
border: medium solid #333;
width: 70%;
text-align: center;
position: relative;
border-collapse: collapse;
margin: 1px 25px;
display: table;
}

td{
color: #333;
font:normal 100 1em verdana,arial, sans-serif;
border: thin outset #C0C0C0;
width: 50%;
}

th{
color: white;
font:normal 100 0.8em verdana,arial, sans-serif;
border: thin outset black;
width: 50%;
background-color: #333;
}

caption {
f font:normal 100 1em verdana,arial, sans-serif;
}


footer{
display: table-row;
background-color: #333;
border: 2px black groove;
color: white;
font: normal 100 0.6em verdana,arial, sans-serif;
width: 100%;
height: 100px;
position: relative;
}


Merci d'avance de votre aide Smiley smile
Modérateur
Salut,

"position" n'est pas une balise c'est une propriété.

Je pense que c'est plutôt un problème d'ordre de balise (finalement tu avais le bon mot Smiley langue ) de ton code dans le HTML. Mais on a pas le code en entier (et ne le colle pas en entier ici c'est imbitable. Ton site est déjà en ligne ? Si "non" tu peux passer par https://jsfiddle.net/ pour reproduire ton soucis et nous le partager ca serait vraiement plus simple.
Modérateur
En gros :

- il manque un <div> au début de ton code,
- tu as inversé un </p> et un </a> au milieu
- il te manque la fermeture du tableau </table>

Tu devrait utiliser un éditeur de code avec une coloration syntaxique ca met bien tout en avant : https://jsfiddle.net/b3fc6kqg/1 regarde les truc en rouge fluo dans ton html