relative Höhe bei Textarea

relative Höhe bei Textarea

Beitragvon werwer » 21.10.2010, 13:20

Hallo, gibt es eine Möglichkeit die höhe einer Textarea in Abhängigkeit der Fenstergröße zu bestimmen?
Das funktioniert auf jeden Fall nicht:
Code: Alles auswählen
<textarea style="height:30%;"></textarea>

Auch nicht wenn die übergeordneten Elemente (html, body, form) eine Höhe von 100% haben.
Danke fürs lesen, und noch mehr Danke für Antworten.
werwer
neu hier
 
Beiträge: 5
Registriert: 21.10.2010, 13:10

Re: relative Höhe bei Textarea

Beitragvon Azra » 21.10.2010, 13:32

“HTML is the language for describing the structure of Web pages.”
“CSS is the language for describing the presentation of Web pages, including colors, layout, and fonts.”
Noch weitere Probleme? Kontakt über meine Webseite - simonduda.ch
Benutzeravatar
Azra
Stammuser
 
Beiträge: 422
Registriert: 04.02.2010, 08:36
Wohnort: (Alten)bochum

Re: relative Höhe bei Textarea

Beitragvon sejuma » 21.10.2010, 14:08

Das ist ein IE-Bug.
Wenn du den IE in den Quirksmode schickst, macht er auch relative Höhen und Breiten. Allerdings stellt er dann das Boxmodell auch nicht mehr korrekt dar.
Bild
sejuma
Vielposter
 
Beiträge: 805
Registriert: 15.07.2009, 17:46

Re: relative Höhe bei Textarea

Beitragvon werwer » 21.10.2010, 18:52

Nee, funktioniert im FF auch nicht
werwer
neu hier
 
Beiträge: 5
Registriert: 21.10.2010, 13:10

Re: relative Höhe bei Textarea

Beitragvon sejuma » 21.10.2010, 19:34

Die Größe von textarea wird generell mit cols und rows angegeben.
Vermutlich ergibt sich dadurch ein Konflikt zur CSS-Formatierung.
Im FF funktioniert es so:
Code: Alles auswählen
<textarea cols="0" style="height: 30%; width: 30%;"></textarea>

Allerdings brauchen die Prozentangaben einen Bezugspunkt, z.B.
Code: Alles auswählen
html, body {height: 100%; width: 100%;}
Bild
sejuma
Vielposter
 
Beiträge: 805
Registriert: 15.07.2009, 17:46

Re: relative Höhe bei Textarea

Beitragvon werwer » 21.10.2010, 20:01

Danke so funktioniert es im ff
Code: Alles auswählen
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Unbenanntes Dokument</title>
<style>
html, body, form{
height:100%;
}
</style>
</head>

<body>
<form>
<textarea rows="1" cols="1" style="height:30%;width:100%"></textarea>
</form>
</body>
</html>

im IE nur wenn ich die DOCTYPE-Angabe rausnehme. hat jemand dafü eine Lösung?
werwer
neu hier
 
Beiträge: 5
Registriert: 21.10.2010, 13:10

Re: relative Höhe bei Textarea

Beitragvon sejuma » 22.10.2010, 10:13

Versuch's mal damit:

<textarea rows="1" cols="1" style="height:30%;width:100%; position: absolute;"></textarea>
Bild
sejuma
Vielposter
 
Beiträge: 805
Registriert: 15.07.2009, 17:46

Re: relative Höhe bei Textarea

Beitragvon werwer » 22.10.2010, 11:16

Das funktioniert, super.
Danke
werwer
neu hier
 
Beiträge: 5
Registriert: 21.10.2010, 13:10


Moderatoren: Laus, Moderatoren

Ähnliche Beiträge zu "relative Höhe bei Textarea"

Zurück zu: CSS für Anfänger

Wer ist online?

Mitglieder in diesem Forum: Exabot [Bot], Google [Bot] und 5 Gäste

cron