Hauteur de la zone de texte

Question

Voici mon violon: http://jsfiddle.net/e6kCH/15/

Cela peut paraître stupide, mais je ne parviens pas à rendre la hauteur de la zone de texte égale à 100%. Cela fonctionne pour la largeur, mais pas pour la hauteur.

Je souhaite que la zone de texte soit redimensionnée en fonction de la taille de la fenêtre ... comme si elle fonctionnait dans mon violon pour la largeur ...

Des idées?

Answer 1

La hauteur d'un élément par rapport à son parent. Donc, si vous voulez faire développez votre élément dans la totalité de la hauteur de la fenêtre d'affichage, vous avez besoin d'appliquer votre CSS pour html et body (le parent des éléments):

html, body {
    height: 100%;
}

#textbox {
    width: 100%;
    height: 100%;
}

Solution Alternative avec CSS3: Si vous pouvez utiliser CSS3, vous pouvez également utiliser la Fenêtre d'affichage unités de pourcentage et directement à l'échelle de votre zone de texte à 100 % de la hauteur (et largeur 100%) de la fenêtre d'affichage (jsfiddle ici)

body {
    margin: 0;
}
#textbox {
    width: 100vw;
    height: 100vh;
}

Answer 2

Vous pouvez le faire :

 #textbox {
    position:fixed;
    top:0;
    left:0;
    right:0;
    bottom:0;
}