Aller au contenu

barre de footer


noobpc

Sujets conseillés

bonjour,

jai un petit souci avec le nouveau design de mon site ma barre footer me pose un problème,

(http://www.noobpc.com/news-design) regardez plusieurs pages et la barre se met un peu n'importe où,

moi je voudrais qu'elle se trouve en dessous de tous mes menus et de mon contenu (4 ou 5 lignes en dessous)

comment faire? Le fichier footer est inclu dans toute mes pages.

merci à vous :hypocrite::hypocrite:

Lien vers le commentaire
Partager sur d’autres sites

Bonjour,

Tu as une mise en page reposant sur des positions absolute et relative ce qui induit ce genre de problèmes, je ne te parle même pas si tu changes de résolution...

Une des solutions consiste à revoir ton code en t'inspirant de :



<!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" xml:lang="fr" lang="fr">

<head>

<title>test</title>

<style>

#conteneur{
width: 100%;
background: #e4e6e9;

}

#header{

background: #ababab;
height: 80px;
}

#droite{
float: right;
width: 200px;
height: 500px;
}

#gauche{
float: left;
width: 200px;
height: 500px;
}

#centre{

margin-left: 200px;
margin-right: 200px;
background: #fff;
height: 500px;
}

#footer{
border: 1px solid #000;
background: #fff;
height: 30px;
margin-top: 50px;
margin-bottom: 10px;
}

</style>
</head>
<body>

<div id="conteneur">
<div id="header"><p> header</p>
</div>
<div id="gauche">
fond gauche
</div>

<div id="droite">
fond droit
</div>

<div id="centre">
centre
</div>

</div>
<div id="footer">
footer
</div>

</div>
</body>

</html>

Bon courage

Lien vers le commentaire
Partager sur d’autres sites

Bonjour,

A part faire tout bien propre pour que ça fonctionne au maximum des possibilités de chaque navigateur ... Car tu n'as pas que ce problème ...

Si je peux te conseiller d'aller faire un tour du côté http(:)//forum.alsacreations.com/forum.php pour voir les tutoriels de gabarits de mise en page et de repotasser la chose ... Tu peux aussi t'inspirer de mon bout de code mais c'est une solution et pas la solution ! Chacun doit trouver la sienne ce qui fait la joie du css ...

On peut aussi coller un "emplâtre sur une jambe de bois" mais bon...

Bon courage

Lien vers le commentaire
Partager sur d’autres sites

Veuillez vous connecter pour commenter

Vous pourrez laisser un commentaire après vous êtes connecté.



Connectez-vous maintenant
×
×
  • Créer...