CSS, text field and IE6 issue

[giles100]

Hi,

I’m bug hunting my first developement. Everything works great apart from a multi line text field when viewed in IE6, The field is closly situated between a number of other page elements. Everything is fine in IE7, firefox Safari etc but IE6 places some kind of margin around the text field which screws the alignment for the whole page. This works perfectly as far as keeping everything in alignment ...


<div id="answer1">
<FORM NAME="answer">
<textarea name="text" class="answerNS{CSS_CLASS}">{ANSWER}</textarea>

</div>
<div id="{ANSWERMARGIN}"> </div>


... but the form fails to work because theirs no closing form tag. Adding the tag makes the form work but now I have this “margin-bottom” type boarder of about 20 pixcels which I can’t get rid of


<div id="answer1">
<FORM NAME="answer">
<textarea name="text" class="answerNS{CSS_CLASS}">{ANSWER}</textarea>
</FORM>
</div>
<div id="{ANSWERMARGIN}"> </div>

browser querks is a new thing for me, so I’d really appreciate any tips you could give me.
Thanks
Giles

 

[Vragabond]

It is quite funny how you know the solution but are incapable of putting it into practice. So, your form element has some sort of margin-bottom applied to it? What do you think would happen if you said to the form to have that specific margin-bottom at 0? Let's see:

<form name="answer" style="margin-bottom: 0;">

Now that was easy.

I don't know if the IE6 issue was this or was it a separate one. If it was a separate one, can you please explain it a bit clearer -- "places some kind of margin around the text field which screws the alignment" is a bit vague. Best of all, can you provide a working example of your code? And, when you post code, always post the client-side code (the one that you can see by doing view source), because the server-side commands do not help us at all.