Contenu variable -> footer instable [CSS]
Résolu/Fermé
ckikiahdisa
Messages postés
41
Date d'inscription
mercredi 2 janvier 2008
Statut
Membre
Dernière intervention
5 février 2008
-
10 janv. 2008 à 02:20
ckikiahdisa Messages postés 41 Date d'inscription mercredi 2 janvier 2008 Statut Membre Dernière intervention 5 février 2008 - 11 janv. 2008 à 04:34
ckikiahdisa Messages postés 41 Date d'inscription mercredi 2 janvier 2008 Statut Membre Dernière intervention 5 février 2008 - 11 janv. 2008 à 04:34
A voir également:
- Contenu variable -> footer instable [CSS]
- Word a trouvé du contenu illisible - Guide
- Trait css ✓ - Forum CSS
- [<B>contenu masqué</b>] ✓ - Forum Téléphones & tablettes Android
- Le fichier à télécharger correspond au contenu brut d’un courrier électronique. de quel pays a été envoyé ce message ? - Guide
- Contenu multimedia messenger disparu - Forum Facebook Messenger
8 réponses
ckikiahdisa
Messages postés
41
Date d'inscription
mercredi 2 janvier 2008
Statut
Membre
Dernière intervention
5 février 2008
2
10 janv. 2008 à 02:27
10 janv. 2008 à 02:27
ca ne fonctionne pas :(
a noter que le <div class"footer"> se situe dans le <div class"conteneur">
a noter que le <div class"footer"> se situe dans le <div class"conteneur">
gryzzly
Messages postés
4608
Date d'inscription
lundi 7 novembre 2005
Statut
Contributeur
Dernière intervention
24 octobre 2020
1 331
10 janv. 2008 à 02:30
10 janv. 2008 à 02:30
sors le.
PS : avec un code complet, c'est tellement mieux :'(
PS : avec un code complet, c'est tellement mieux :'(
gryzzly
Messages postés
4608
Date d'inscription
lundi 7 novembre 2005
Statut
Contributeur
Dernière intervention
24 octobre 2020
1 331
10 janv. 2008 à 02:22
10 janv. 2008 à 02:22
footer : position relative, sous reserve que le conteneur soit fermé avant l'ouverture du pied de page
ckikiahdisa
Messages postés
41
Date d'inscription
mercredi 2 janvier 2008
Statut
Membre
Dernière intervention
5 février 2008
2
10 janv. 2008 à 02:40
10 janv. 2008 à 02:40
jpeux pas tout te mettre ca dépasse le milliers.. lol
CSS
body
{
text-align: center ;
}
body .contenu2
{
width:970px;
height:auto;
position: relative;
text-align: left;
margin-right:auto;
margin-left:auto;
margin-top:0px;
margin-bottom:0px;
padding:0px;
}
/* Haut du site */
.contenu2 .banniere
{
width:970px;
height:170px;
position: absolute;
left: 0px;
top: 0px;
background: url("img/banniere2.png");
background-color:#9abefe;
margin:0px;
}
.....
/* bas du site */
.contenu2 .bas
{
width:970px;
height:60px;
position: relative;
left: 0px;
bottom:0px;
background-color:#9abefe;
margin:0px;
}
.bas .information
{
position: absolute;
left: 340px;
top: 5px;
margin:0px;
}
.bas .copyright
{
position: absolute;
left: 320px;
top: 30px;
margin:0px;
}
HTML
....
</head>
<body onLoad="form_load();">
<div class="contenu2">
<div class="banniere">
<h5 class="titre2">Cherchez, trouver, vendez GRATUITEMENT !</h5>
<div class="pub1"> <img src="img/pub1.png" alt="gg" /></div>
<ul class="menu">
<li class="menu1" tabindex="360"><a href="TotalAnnonce.php">Voir les annonces</a></li>
<li class="menu2" tabindex="370"><a href="SauvegardeAnnonce.php">Mes annonces sauvegardées</a></li>
<li class="menu3" tabindex="380"><a href="creer_annonce.php">Créer une annonce</a></li>
<li class="menu4" tabindex="390"><a href="Profil.php">Mon compte</a></li>
</ul>
</div>
........
<div class="bas">
<p class="information">
<a href="">Condition d'utilisation |</a>
<a href="">Qui sommes-nous |</a>
<a href=""> Nous contacter</a>
</p>
<p class="copyright">
Copyright © 2007 labonneannonce.com Tous droits réservés. by PowerPC
</p>
</div>
</div>
</body>
</html>
CSS
body
{
text-align: center ;
}
body .contenu2
{
width:970px;
height:auto;
position: relative;
text-align: left;
margin-right:auto;
margin-left:auto;
margin-top:0px;
margin-bottom:0px;
padding:0px;
}
/* Haut du site */
.contenu2 .banniere
{
width:970px;
height:170px;
position: absolute;
left: 0px;
top: 0px;
background: url("img/banniere2.png");
background-color:#9abefe;
margin:0px;
}
.....
/* bas du site */
.contenu2 .bas
{
width:970px;
height:60px;
position: relative;
left: 0px;
bottom:0px;
background-color:#9abefe;
margin:0px;
}
.bas .information
{
position: absolute;
left: 340px;
top: 5px;
margin:0px;
}
.bas .copyright
{
position: absolute;
left: 320px;
top: 30px;
margin:0px;
}
HTML
....
</head>
<body onLoad="form_load();">
<div class="contenu2">
<div class="banniere">
<h5 class="titre2">Cherchez, trouver, vendez GRATUITEMENT !</h5>
<div class="pub1"> <img src="img/pub1.png" alt="gg" /></div>
<ul class="menu">
<li class="menu1" tabindex="360"><a href="TotalAnnonce.php">Voir les annonces</a></li>
<li class="menu2" tabindex="370"><a href="SauvegardeAnnonce.php">Mes annonces sauvegardées</a></li>
<li class="menu3" tabindex="380"><a href="creer_annonce.php">Créer une annonce</a></li>
<li class="menu4" tabindex="390"><a href="Profil.php">Mon compte</a></li>
</ul>
</div>
........
<div class="bas">
<p class="information">
<a href="">Condition d'utilisation |</a>
<a href="">Qui sommes-nous |</a>
<a href=""> Nous contacter</a>
</p>
<p class="copyright">
Copyright © 2007 labonneannonce.com Tous droits réservés. by PowerPC
</p>
</div>
</div>
</body>
</html>
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
Dalida
Messages postés
6728
Date d'inscription
mardi 14 mai 2002
Statut
Contributeur
Dernière intervention
11 janvier 2016
920
10 janv. 2008 à 04:45
10 janv. 2008 à 04:45
salut,
tu n'aurais pas une version en ligne par hasard ?
tu veux que le footer soit toujours à la même hauteur ou juste qu'il soit en dessous du contenu ?
si c'est la deuxième il vaudrait mieux laisser jouer le positionnement normal.
tu n'aurais pas une version en ligne par hasard ?
tu veux que le footer soit toujours à la même hauteur ou juste qu'il soit en dessous du contenu ?
si c'est la deuxième il vaudrait mieux laisser jouer le positionnement normal.
ckikiahdisa
Messages postés
41
Date d'inscription
mercredi 2 janvier 2008
Statut
Membre
Dernière intervention
5 février 2008
2
10 janv. 2008 à 14:25
10 janv. 2008 à 14:25
c'est la deuxiemme solution, que le footer soit toujours collé au bas du site, quelque soit la longueur du conteneur.
c'est vrai que le positionnement normal serai la meilleur solution mais le pb c'est que j'ai travaillé que en position absolute sur tout le reste du site...
c'est vrai que le positionnement normal serai la meilleur solution mais le pb c'est que j'ai travaillé que en position absolute sur tout le reste du site...
Dalida
Messages postés
6728
Date d'inscription
mardi 14 mai 2002
Statut
Contributeur
Dernière intervention
11 janvier 2016
920
10 janv. 2008 à 14:53
10 janv. 2008 à 14:53
salut,
regarde ce gabarit chez Alsacréations.
regarde ce gabarit chez Alsacréations.
ckikiahdisa
Messages postés
41
Date d'inscription
mercredi 2 janvier 2008
Statut
Membre
Dernière intervention
5 février 2008
2
11 janv. 2008 à 04:34
11 janv. 2008 à 04:34
aprés une bonne prise de tete, j'ai tout replacer en position static et ca marche impec, merci tout de meme pour vos conseil.
c'est bien pratique position absolue mais ca pose généralement problème par la suite.
c'est bien pratique position absolue mais ca pose généralement problème par la suite.
