IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

Mise en page CSS Discussion :

Taille du conteneur principal qui s'adapte à son contenu et positionnement du footer


Sujet :

Positionnement en CSS

  1. #1
    Nouveau membre du Club
    Homme Profil pro
    Collégien
    Inscrit en
    Avril 2019
    Messages
    26
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 29
    Localisation : France, Ille et Vilaine (Bretagne)

    Informations professionnelles :
    Activité : Collégien

    Informations forums :
    Inscription : Avril 2019
    Messages : 26
    Points : 27
    Points
    27
    Par défaut Taille du conteneur principal qui s'adapte à son contenu et positionnement du footer
    Bonsoir, je me remets doucement à faire du développement web pour un petit projet. Mais j'ai quelque soucis avec des choses pourtant "simples".
    J'ai revu des bases mais cela ne suffit pas. Je remarque que la hauteur de mon conteneur principal ne s'étire pas / n'est pas à la bonne taille.
    De plus, quand un article prend trop de place, il déborde sur le footer. J'avais dans l'idée de mettre le footer en "absolute" par rapport à son parent le conteneur qui est relative.
    Mais comme la hauteur de ce dernier ne fonctionne pas comme je le voudrais, cela ne produit pas le résultat recherché.
    J'ai essayé différentes solution mais quelque chose m'échape car rien n'est satisfaisant mise à part de donner une taille manuellement.

    Si une bonne âme pouvait m'aider et surtout m'expliquer:

    https://codepen.io/pocahontas123/pen/dyzzJrY

  2. #2
    Membre averti
    Avatar de Sparky95
    Homme Profil pro
    Full Stack (web) developer
    Inscrit en
    Décembre 2016
    Messages
    379
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 28
    Localisation : Belgique

    Informations professionnelles :
    Activité : Full Stack (web) developer
    Secteur : Transports

    Informations forums :
    Inscription : Décembre 2016
    Messages : 379
    Points : 358
    Points
    358
    Par défaut
    Bonjour,

    Il faudrait plus d'explication quand à ce que vous souhaitez faire.
    Ex: mettre le footer position à fixed pourrait être la solution que vous désirez.
    à moins que vous souhaitez que votre footer soit en bas de votre document(page).

    Après je penses que ce rediriger vers une librairie CSS pourrait déjà vous aider à avancer dans votre construction de site.

    Bonne journée

  3. #3
    Nouveau membre du Club
    Homme Profil pro
    Collégien
    Inscrit en
    Avril 2019
    Messages
    26
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 29
    Localisation : France, Ille et Vilaine (Bretagne)

    Informations professionnelles :
    Activité : Collégien

    Informations forums :
    Inscription : Avril 2019
    Messages : 26
    Points : 27
    Points
    27
    Par défaut
    Bonsoir, je cherchais à avoir mon footer constamment en bas avec une taille des articles qui serait variable. Mais j'ai des difficultés à donner une taille qui s'adapte.
    Et oui je pourrais passer par quelque chose de plus simple mais cela ne m'intéresse pas pour l'instant. Il faut que j'y arrive.
    Je retourne voir les bases, peut être que je trouverais.

  4. #4
    Membre averti
    Avatar de Sparky95
    Homme Profil pro
    Full Stack (web) developer
    Inscrit en
    Décembre 2016
    Messages
    379
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 28
    Localisation : Belgique

    Informations professionnelles :
    Activité : Full Stack (web) developer
    Secteur : Transports

    Informations forums :
    Inscription : Décembre 2016
    Messages : 379
    Points : 358
    Points
    358
    Par défaut
    En bas du document ou en bas du viewport(de l'écran)?

  5. #5
    Inactif  
    Homme Profil pro
    Webmaster
    Inscrit en
    Juin 2021
    Messages
    645
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 57
    Localisation : France, Pas de Calais (Nord Pas de Calais)

    Informations professionnelles :
    Activité : Webmaster
    Secteur : Arts - Culture

    Informations forums :
    Inscription : Juin 2021
    Messages : 645
    Points : 1 280
    Points
    1 280
    Par défaut
    Bonjour,

    voici des exemples de mises en page simples (responsive) :


    Regarde aussi (et avant tout) la structure du code HTML.

Discussions similaires

  1. Réponses: 9
    Dernier message: 14/12/2014, 09h32
  2. ListView qui s'adapte à son contenu ?
    Par ®om dans le forum Composants graphiques
    Réponses: 11
    Dernier message: 07/09/2011, 14h33

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo