Discussion :

[pierrot10]

Bonjour,
Je fais un site pour des mais en bootsrap.
www.le-lacustre.ch
Ce site à deux lignes et 2 colonnes par ligne.

Ce qui m'est demandé, c'est que le contenu blanc, ait jusqu'au bas de la page, quelque soit la taille de l'écran. Donc le blanc doit partir du logo et aller jusqu'au bas du navigateur.

Le problème ce que ce contenu est dans un <div id="cotnent"> (en rose)
Ce div se trouve luis dans le <div class="col-sm-11>
et lui se trouve dans le <div class="row">

Ca sert donc à rien de mettre une gauteur de 100% au <div id="content"> puiqu'il ne sera pas à 100% de la hauteur du navigateur mais de son conteneur.

Comment pourrais-je donc faire pour que <div id="content"> ait jusqu'au bas du navigateur, (ou/et que ses conteneur en fasse autant) excatement comme le fait la balise html (en bleu)

Merci pour votre aide
Pierre

Merci

[pierrot10]

PS: Pour le moment, j'ai trouvé une solution avec Jquery, mais j'aimerais bien faire sans

[cyril_78]

Hello

pour ta div essaye de mettre dans le css min-height: 100 vh
ça permet d'occuper toute la vue disponible

A+

[Invité]

Bonjour,

et remplace overflow:scroll; par overflow:auto;. Ce sera plus esthétique.


Pour rester dans l'esthétique et l'ergonomie...

Je n'adhère pas au concept de mettre tout le texte dans cette mini-colonne blanche :

• 1/ ça limite la quantité de texte / informations qu'on peut mettre
  C'est d'autant plus flagrant dans "contact", avec la carte google de la taille d'un timbre-poste
• 2/ on s'attend à voir/lire quelque chose dans la grande partie de la page (là où se trouve la photo d'illustration)
• 3/ les PDF (ex. "Cartes et Menus") : leur contenu n'est pas pris en compte pour le référencement.
  C'est dommage. Il aurait mieux valu afficher leur contenu dans le HTML.

Mais bon.
Ce n'est que mon avis.
Que je partage avec moi-même.