Ich habe folgendes Problem mit einer Textarea:
Mal abgesehen davon, dass das Layout im IE ohnehin etwas "zerrissen" ist (bei Firefox siehts so aus, wie ich es haben möchte) wird meine Textarea breiter (nur im IE), wenn ich Text eingebe. Bei Fenstergrößenänderung springt die Textarea dann wieder auf die ursprüngliche Breite zurück und mit dem nächsten Zeichen wird sie wieder breiter, nur einmalig von Ausgangsbreite zur breiteren Breite, nicht mit jedem Zeichen.
Der Code sieht so aus:
Die Farbangaben sind übrigends extra angegeben, da es aus einem Template für verschiedene Bereiche mit unterschiedlichen Farben verwendet wird.
Bis auf fehlende rows und cols bei der Textarea ist die Seite Valid HTML 4.01 Transitional.
Das css für die Textarea sieht so aus:
Das fürs div so:
Ich habe das JavaScript auch schon entfernt, das hat jedoch nicht geholfen.
Die Pflichtattribute rows und cols habe ich auch schon eingefügt gehabt, vielleicht hat hier ja jemand einen Tipp, was ich da angeben muss, damit diese nicht beachtet werden. Wär ja schon Klasse ein valid-Dokument zu haben. Als ich sie drin hatte, war das Dokument valid, sah jedoch noch beschissener aus.
Bitte schimpft jetzt nicht nur auf den IE, sondern helft mir, ich bin echt verzweifelt und geschimpft habe ich selbst schon genug.
Gruß hpvw
Mal abgesehen davon, dass das Layout im IE ohnehin etwas "zerrissen" ist (bei Firefox siehts so aus, wie ich es haben möchte) wird meine Textarea breiter (nur im IE), wenn ich Text eingebe. Bei Fenstergrößenänderung springt die Textarea dann wieder auf die ursprüngliche Breite zurück und mit dem nächsten Zeichen wird sie wieder breiter, nur einmalig von Ausgangsbreite zur breiteren Breite, nicht mit jedem Zeichen.
Der Code sieht so aus:
HTML:
<div class="windowContent" style="border-color:#963fa1;">
<a href="JavaScript:doInsertnText('[ b]','[ /b]',false);"><img
src="./images/editor/bold.gif" alt="Text Fett darstellen [ b][ /b]" title="Text Fett darstellen " width="21" height="20" border="0" style="border-width:1px; border-color:#963fa1; border-style:solid;"></a>
<a href="JavaScript:doInsertnText('[ i]','[ /i]',false);"><img
src="./images/editor/italic.gif" alt="Text kursiv darstellen [ i][ /i]" title="Text kursiv darstellen [ i][ /i]" width="21" height="20" border="0" style="border-width:1px; border-color:#963fa1; border-style:solid;"></a>
<a href="JavaScript:insertOLnText();"><img
src="./images/editor/orderedlist.gif" alt="Nummerierte Liste einfügen [ list][#][ /list]" title="Nummerierte Liste einfügen [ list][#][ /list]" width="21" height="20" border="0" style="border-width:1px; border-color:#963fa1; border-style:solid;"></a>
<a href="JavaScript:insertULnText();"><img
src="./images/editor/unorderedlist.gif" alt="Aufzählung einfügen [ list][*][ /list]" title="Aufzählung einfügen [ list][*][ /list]" width="21" height="20" border="0" style="border-width:1px; border-color:#963fa1; border-style:solid;"></a>
<a href="JavaScript:insertLinknText();"><img
src="./images/editor/link.gif" alt="Link einfügen [ url= ][ /url]" title="Link einfügen " width="21" height="20" border="0" style="border-width:1px; border-color:#963fa1; border-style:solid;"></a>
<a href="JavaScript:insertMailLinknText();"><img
src="./images/editor/email.gif" alt="E-Mail-Link einfügen [ mail= ][ /mail]" title="E-Mail-Link einfügen [ mail= ][ /mail]" width="21" height="20" border="0" style="border-width:1px; border-color:#963fa1; border-style:solid;"></a>
<a href="JavaScript:doInsertnText('[ quote]\n','\n[ /quote]',false);"><img
src="./images/editor/quote.gif" alt="Zitat einfügen [ quote][ /quote]" title="Zitat einfügen [ quote][ /quote]" width="21" height="20" border="0" style="border-width:1px; border-color:#963fa1; border-style:solid;"></a>
<a href="JavaScript:doInsertnText('[ ]','',true);"><img
src="./images/editor/nbsp.gif" alt="geschütztes Leerzeichen einfügen [ ] mit beliebiger Anzahl Leerzeichen als geschützte Leerzeichen zwischen den eckigen Klammern; mit geschützten Leerzeichen kann man den Zeilenumbruch zwischen zwei Wörtern verhindern oder einen größeren Abstand zwischen 2 Wörtern erzwingen." title="geschütztes Leerzeichen einfügen [ ] mit beliebiger Anzahl Leerzeichen als geschützte Leerzeichen zwischen den eckigen Klammern; mit geschützten Leerzeichen kann man den Zeilenumbruch zwischen zwei Wörtern verhindern oder einen größeren Abstand zwischen 2 Wörtern erzwingen." width="21" height="20" border="0" style="border-width:1px; border-color:#963fa1; border-style:solid;"></a>
<a href="JavaScript:doInsertnText(' :) ','',true);"><img
src="./images/smileys/smile.gif" alt=":)" title=":)" width="15"
height="15" border="0"></a>
<a href="JavaScript:doInsertnText(' ;) ','',true);"><img
src="./images/smileys/zwinker.gif"alt=";)" title=";)" width="15"
height="15" border="0"></a>
<a href="JavaScript:doInsertnText(' :D ','',true);"><img
src="./images/smileys/bigsmile.gif" alt=":D" title=":D" width="15"
height="15" border="0"></a>
<a href="JavaScript:doInsertnText(' :P ','',true);"><img
src="./images/smileys/bah.gif" alt=":P" title=":P" width="15"
height="15" border="0"></a>
<a href="JavaScript:doInsertnText(' :O ','',true);"><img
src="./images/smileys/oh.gif" alt=":O" title=":O" width="15"
height="15" border="0"></a>
<a href="JavaScript:doInsertnText(' :( ','',true);"><img
src="./images/smileys/sad.gif" alt=":(" title=":(" width="15"
height="15" border="0"></a>
<textarea name="nText" class="editor"
style="border-color:#963fa1;
scrollbar-highlight-color: #963fa1;
scrollbar-shadow-color: #963fa1;
scrollbar-arrow-color: #963fa1;"></textarea>
</div>
Bis auf fehlende rows und cols bei der Textarea ist die Seite Valid HTML 4.01 Transitional.
Das css für die Textarea sieht so aus:
HTML:
textarea.editor {
font-size:12px;
font-weight:normal;
font-family:Courier New, monospace;
background-color:#ffffff;
border-style:solid;
border-width:1px;
border-bottom-width:1px;
border-left-width:1px;
border-right-width:1px;
color:#000000;
width:100%;
height:200px;
scrollbar-face-color: #eeeeee;
scrollbar-3dlight-color: #eeeeee;
scrollbar-track-color: #eeeeee;
scrollbar-darkshadow-color:#eeeeee;
}
HTML:
div.windowContent {
font-size:12px;
font-weight:normal;
background-color:#ffffff;
color:#000000;
text-align:left;
padding:5px;
margin-bottom:0px;
margin-left:15px;
margin-right:15px;
margin-top:0px;
margin-top:0px;
border-top-width:0px;
border-left-width:1px;
border-right-width:1px;
border-bottom-width:1px;
border-style:solid;
}
Die Pflichtattribute rows und cols habe ich auch schon eingefügt gehabt, vielleicht hat hier ja jemand einen Tipp, was ich da angeben muss, damit diese nicht beachtet werden. Wär ja schon Klasse ein valid-Dokument zu haben. Als ich sie drin hatte, war das Dokument valid, sah jedoch noch beschissener aus.
Bitte schimpft jetzt nicht nur auf den IE, sondern helft mir, ich bin echt verzweifelt und geschimpft habe ich selbst schon genug.
Gruß hpvw