CONNEXION
  • RetourJeux
    • Tests
    • Soluces
    • Previews
    • Sorties
    • Hit Parade
    • Les + attendus
    • Tous les Jeux
  • RetourActu
    • Culture Geek
    • Astuces
    • Réalité Virtuelle
    • Rétrogaming
    • Toutes les actus
  • RetourHigh-Tech
    • Actus JVTECH
    • Bons plans
    • Tutoriels
    • Tests produits High-Tech
    • Guides d'achat High-Tech
    • JVTECH
  • RetourVidéos
    • A la une
    • Gaming Live
    • Vidéos Tests
    • Vidéos Previews
    • Gameplay
    • Trailers
    • Chroniques
    • Replay Web TV
    • Toutes les vidéos
  • RetourForums
    • Hardware PC
    • PS5
    • Switch
    • Xbox Series
    • Overwatch 2
    • FUT 23
    • League of Legends
    • Genshin Impact
    • Tous les Forums
  • PC
  • PS5
  • Xbox Series
  • PS4
  • One
  • Switch
  • Wii U
  • iOS
  • Android
  • MMO
  • RPG
  • FPS
En ce moment Genshin Impact Valhalla Breath of the wild Animal Crossing GTA 5 Red dead 2
Etoile Abonnement RSS

Sujet : probleme footer css

DébutPage précedente
1
Page suivantePage suivante
verdeterre49 verdeterre49
MP
Niveau 4
27 août 2014 à 12:45:17

Bonjour a tous,

j'ai un problème qui arrive assez souvent apparemment, mais mon footer n'est pas coller au bas de l’écran .
j'ai essayer plein de chose mais rien ne marche, il arrive que le footer soit bien coller en bas mais reste a la même position et ne bouge pas .
je ne le veux pas en fixed pour qu'il soit en permanence visible !

le site en question : http://quepourvosjambes.com/panier.html

le css de mon footer :

.background_footer
{
background-color: #FF4500 ;
height:100px;
background-image: url("../image/navigation/head_style.png");
background-repeat: repeat-x;
box-shadow: 0 1px 1px 0 rgba(255, 255, 255, 0.6) inset, 0 -1px 1px 0 rgba(0, 0, 0, 0.6) inset, 0 0 5px 0 rgba(0, 0, 0, 0.6);
bottom: 0;
width: 100%
}

j'utilise en parallèle twiter bootsrap :ok:

merci d'avance de votre aide :hap:

Guks Guks
MP
Niveau 10
27 août 2014 à 13:42:16

footer {
position: absolute;
width: 100%;
top: 100%;
}

? :noel:

verdeterre49 verdeterre49
MP
Niveau 4
27 août 2014 à 13:48:10

modification effectuer c'est presque sa mais pas encore ^^"

je te laisse constater par toi même.

http://quepourvosjambes.com/panier.html

http://quepourvosjambes.com/catalogue.html?page=catalogue&limit=0

verdeterre49 verdeterre49
MP
Niveau 4
31 août 2014 à 19:58:49

:up:

Pseudo supprimé
Niveau 10
31 août 2014 à 20:40:10

Salut.
Il te suffit de sortir ton footer de ton div background_body (tu le mets après).
Ensuite:

html, body{
height:100%;
}

.background_body{
min-height:100%;
}

DébutPage précedente
1
Page suivantePage suivante
Répondre
Prévisu
?
Victime de harcèlement en ligne : comment réagir ?
Infos 0 connecté(s)

Gestion du forum

Modérateurs : Thymotep
Contacter les modérateurs - Règles du forum

Sujets à ne pas manquer

La vidéo du moment