CONNEXION
  • RetourJeux
    • Sorties
    • Hit Parade
    • Les + populaires
    • Les + attendus
    • Soluces
    • Tous les Jeux
    • Gaming
  • RetourActu Gaming
    • News
    • Astuces
    • Tests
    • Previews
    • Toute l'actu gaming
  • RetourBons plans
    • Bons plans
    • Bons plans Smartphone
    • Bons plans Hardware
    • Bons plans Image et Son
    • Bons plans Amazon
    • Bons plans Cdiscount
    • Bons plans Decathlon
    • Bons plans Fnac
    • Tous les Bons plans
  • RetourJVTech
    • Actus High-Tech
    • Intelligence Artificielle
    • Smartphones
    • Mobilité urbaine
    • Hardware
    • Image et son
    • Tutoriels
    • Tests produits High-Tech
    • Guides d'achat High-Tech
    • JVTech
  • RetourCulture
    • Actus Culture
    • Culture
  • 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 2
    • Xbox Series
    • Switch
    • Pokemon pocket
    • FC 25 Ultimate Team
    • League of Legends
    • Tous les Forums
  • PC
  • PS5
  • Xbox Series
  • Switch 2
  • PS4
  • One
  • Switch
  • iOS
  • Android
  • MMO
  • RPG
  • FPS
En ce moment Genshin Impact Valhalla Breath of the wild Animal Crossing GTA 5 Red dead 2
Liste des sujets

[css]probleme footer

lvscarf
lvscarf
Niveau 6
13 décembre 2012 à 11:48:45

Salut tout le monde, j'ai un problème, mon footer ne reste pas tout en bas de la page. Je m'explique:
J'ai un corps de site, dans ce corps, il y a un header en haut avec un sommaire dedans;
En dessous, j'ai sur la gauche trois div et sur la droite une div contenu. Le footer se place en fonction des trois div de la gauche, ainsi, si le contenu de droite devient trop imposant, il s'affiche sur le footer au lieu de le faire descendre

pour le html :
<div id="corps">
<div id="header">
<div id="sommaire">
</div>
</div>
<div id="mot">
</div>
<div id="flash">
</div>
<div id="actualite">
</div>

<div id="contenu">
</div>
<div id="footer">
</div>
</div>
(la position de mes div sans contenu)

mon css :

  1. corps{

margin-top : -8px;
width : 1022px;
border : 3px solid black;
margin-left: 25%;
}

  1. mot{

border : 3px solid black;
width : 320px;
margin-top : 10px;
}

  1. flash{

border : 3px solid red;
width : 320px;
margin-top : 10px;
}

  1. actualite{

border : 3px solid yellow;
width : 320px;
margin-top : 10px;
}

  1. contenu{

position : static;
margin-top : -250px;
margin-right : 50px;
border : 3px solid yellow;
float : right;
}

  1. footer{

background-image:url(../images/footer.png);
width : 1950px;
margin-left : -500px;
height : 50px;
margin-top : 10px;
text-align: center;
padding-top: 10px;
position : fixed;
}

  1. header{

background-image: url(../images/background-header.jpg);
width : 1024px;
height: 295px;
}

  1. sommaire{

margin-top: -127px;
margin-right : -525px;
position : static;
border-width : 3px;
border-color : yellow;
}
je vous remercie d'avance pour vos réponses

lvscarf
lvscarf
Niveau 6
13 décembre 2012 à 13:30:38

Je viens de trouver une solution alternative, en attendant d'avoir une meilleur idée, permettant de mettre le footer 300px plus bas... c'est pas très propre^^ j’attends toujours vos réponses, Merci.

darkiron_2012
darkiron_2012
Niveau 10
13 décembre 2012 à 14:15:39

déja tu vire tous les static et autre absolute et relative.
:ok:

lvscarf
lvscarf
Niveau 6
13 décembre 2012 à 14:26:14

je maitrise mieux le php que le css, si j’enlève le tout, ça risque de tout dérégler au niveau du design non?

Tiddo
Tiddo
Niveau 10
13 décembre 2012 à 16:49:22

Le plus simple n'est-il pas d'essayer ? Au pire, tu n'as rien à perdre.

lvscarf
lvscarf
Niveau 6
14 décembre 2012 à 09:22:52

je vais essayer, je vous remercie de vos réponses, je vous tiens au courant

lvscarf
lvscarf
Niveau 6
14 décembre 2012 à 09:30:31

Oki, le footer est tout en bas! merci beaucoup

lvscarf
lvscarf
Niveau 6
14 décembre 2012 à 09:36:05

Nouveau problème, si le contenu s’agrandit, ba le footer... ne descend pas plus =/ même si il est tout en bas de la page, si le contenu descend aussi bas, il traverse le footer mais ne le pousse pas :s

Thymotep
Thymotep
Niveau 10
15 décembre 2012 à 10:32:14

http://www.snoupix.com/coller-le-pied-de-page-en-bas_tutorial_9.html

Je m'en suis encore servi hier au travail, çà marche nickel :ok:

lvscarf
lvscarf
Niveau 6
17 décembre 2012 à 09:36:16

j'avais déjà vus ce site, ça ne m'avais pas aidé. Mais merci quand même pour la réponse ^^
J'ai tenté de résoudre le problème en plaçant un min_height

ParaPlayGeek
ParaPlayGeek
Niveau 7
17 décembre 2012 à 09:48:48

Si tu as écrit min_height, aucun doute, çà ne fonctionnera pas :ok: Il faut mettre min-height: 10px; par exemple :)

lvscarf
lvscarf
Niveau 6
17 décembre 2012 à 12:37:37

je sais qu'il faut rajouter une valeur derrière ^^ pour l'instant ça a l'air de marcher

Pseudo supprimé
Pseudo supprimé 21 décembre 2012 à 16:09:44

Salut,

Ne serait-ce pas ceci que tu cherches ? http://www.infographizm.com/blog/un-site-qui-prend-toute-la-hauteur-disponible/

Sous forums
  • Aide à l'achat Mac
  • Internet
  • Macintosh
  • Création de sites web
  • Création de Jeux
  • Linux
  • Programmation
  • Steam Deck
  • Hardware
La vidéo du moment