CSS: Hauteur de la textarea comme un pourcentage de la hauteur de la fenêtre d'affichage
Je tiens à dire que la hauteur d'une zone de texte est égal à, disons, 50% de la hauteur de la fenêtre d'affichage. Comment puis-je le faire? Un simple height: 50%
ne pas faire l'affaire.
Voir aussi question.
Vous pouvez essayer de fenêtre d'affichage unités (CSS3): w3.org/TR/css3-values/#viewport-relative-lengths
Vous pouvez essayer de fenêtre d'affichage unités (CSS3): w3.org/TR/css3-values/#viewport-relative-lengths
OriginalL'auteur avernet | 2009-03-11
Vous devez vous connecter pour publier un commentaire.
Pas, parce que ses parents n'ont pas explicitement la hauteur. Donc, 50% de quoi? Parent dit "auto", ce qui signifie baser sur la hauteur de l'enfant de contenu. Qui dépend de la hauteur sur le parent. Argh! etc.
De sorte que vous avez à donner à ses parents un pourcentage de la hauteur. Et le parent du parent, tout le chemin jusqu'à la racine. Exemple doc:
L'autre possibilité, si vous ne voulez pas avoir à régler la hauteur sur tout ce qui est d'utiliser le positionnement absolu. Cela modifie l'élément que les dimensions sont basées sur le parent direct de l'ancêtre le plus proche avec une "position" réglage autre que celui par défaut, "statique". Si il n'y a aucun ancêtre des éléments de positionnement, puis les dimensions sont basées sur le premier Bloc Contenant”, qui est la même taille que la fenêtre d'affichage.
Enfin, il y a le trivial problème de ‘100%’ elle soit un peu trop grand à cause de l'un rembourrage supplémentaire et bordure appliquée à ces zones de texte. Vous pouvez contourner ce par:
OriginalL'auteur bobince
Je pense que vous avez besoin d'utiliser le javascript, d'une certaine façon de le faire. La poignée de redimensionnement de l'événement, et de définir la zone de texte pour que de nombreux pixels.
Cela pourrait éventuellement être le plus vague de la réponse que j'ai vu acceptés, haha!
OriginalL'auteur FryGuy
Vous pouvez le faire si vous réglez display:block. Mais en html 4.01 strict, vous devez définir des colonnes et des lignes, mais je pense que vous pouvez les écraser avec les css.
OriginalL'auteur Vasil
HTML et CSS ne sont pas si bon à faire ce genre de chose avec des hauteurs. Ils sont certainement plus à propos de défilement vertical par l'intermédiaire d'un fluide de la page. Je pense que le JavaScript est susceptible d'être votre plus complète de la solution, comme FryGuy dit.
OriginalL'auteur Kevin Conner
Alors que je n'ai pas tous les navigateurs pour tester cela, il semble que la plupart acceptent simplement en spécifiant la hauteur de travail.
J'ai testé cela dans Internet Explorer 7 et Firefox 3.0.
Utilisez simplement le code suivant:
Quel navigateur(s) étiez-vous d'avoir des problèmes avec?
OriginalL'auteur Brian
Ce n'était probablement pas autour lorsque cette question a été posée, mais CSS Valeurs et les Unités de Module Niveau 3 comprend fenêtre d'affichage de pourcentage longueurs. Il semble de ne pas être pris en charge sur les navigateurs mobiles à l'exception de iOS.
OriginalL'auteur legoscia
Essayez de supprimer
OriginalL'auteur KSA dev