[Résolu] Tableau en-dessous du pied-de-page

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

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 ) 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.

Salut,

Voilà le lien pour mon site (car il n'est pas en ligne) :
https://jsfiddle.net/b3fc6kqg/1/#&togetherjs=UOvySuKhTs

Merci

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

Aha okay

Merci beaucoup