jumping fieldsets problem - IE only

andrew · Jul 13, 2005

Hi,

Let me know if I should ask this in a microsoft jscript group instead as the
problem I'm witnessing only seems to appear in IE. Or if you can recommend
another group if this is not an appropriate one.

I'm having a problem with fieldsets in IE moving around on me as I hover
from one table to another. The problem only appears in IE (I'm using v6).
If I hover over the tables row, the bottom fieldset moves up and down as I
move from on table to other.

If I remove the className assignment, the issue does not occur, but I need
to do something similar on my page. Can somebody please tell me what's
going on here? The essence of the sample code is pretty close to what I'm
doing in my real application.

Any help appreciated,
Andrew

<html>
<body>
<script type="text/javascript">
function change(elem) { elem.className = '' }
</script>
<fieldset style="margin-bottom:10px">
<table width="100%">
<tr onmouseover="change(this)"><td>test</td></tr>
</table>
</fieldset>

<fieldset>
<table width="100%">
<tr onmouseover="change(this)"><td>test</td></tr>
</table>
</fieldset>
</body>
</html>

Yann-Erwan Perio · Jul 13, 2005

andrew wrote:

Hi,

I'm having a problem with fieldsets in IE moving around on me as I hover
from one table to another. The problem only appears in IE (I'm using v6).
If I hover over the tables row, the bottom fieldset moves up and down as I
move from on table to other.

If I remove the className assignment, the issue does not occur, but I need
to do something similar on my page. Can somebody please tell me what's
going on here? The essence of the sample code is pretty close to what I'm
doing in my real application.

There's nothing wrong with your code, you've just encountered quite an
ugly bug in IE - it's difficult to suggest an acceptable workaround
apart from removing the fieldset element or removing the margins in
favor of a spacer element.

Any help appreciated,

Good luck,

Regards,
Yep.

Michael Winter · Jul 13, 2005

There's nothing wrong with your code [...]

Well the OP does omit LEGEND elements which are required and must be the
first child of any FIELDSET element. The LEGEND can be empty. However,
this doesn't affect this bug.

[snip]

it's difficult to suggest an acceptable workaround apart from
removing the fieldset element or removing the margins in favor of a
spacer element.

An alternative that appears to be successful is to switch to a top
margin. If the margins are to be applied via a style sheet, rather than
the style attribute, the OP could add a class to the first FIELDSET
element and over-ride the margin.

Mike

Yann-Erwan Perio · Jul 13, 2005

Michael Winter wrote:

Hi Mike,

Well the OP does omit LEGEND elements which are required and must be the
first child of any FIELDSET element. The LEGEND can be empty.

ACK, but I was referring to the test case as a whole not being faulty,
not the HTML inside (being myself more interested in how scripting can
be used with HTML than HTML itself, I don't really strive to achieve
complete validity, so rarely comment on that matter).

An alternative that appears to be successful is to switch to a top
margin. If the margins are to be applied via a style sheet, rather than
the style attribute, the OP could add a class to the first FIELDSET
element and over-ride the margin.

Well spotted! I had tested style instead of className, and other
elements instead of table elements, but would not have imagined that
switching from margin-bottom to margin-top could be successful - quite a
paradoxical test

Cheers,
Yep.

andrew · Jul 14, 2005

Thanks for the responses. It's always fun working with IE.

Can someone tell me if this a real tracker? Or is it one designed to show you a different message at certain times, ie. acting like one?	0	Jan 10, 2021
Only one table shows up with the information	2	Mar 29, 2023
Having trouble centering contents of td ?	3	May 2, 2023
Help needed with thank you message	5	Sep 11, 2021
Sort by number of characters	1	Nov 2, 2023
I need help fixing my website	2	Oct 15, 2023
Image shifts to the right when export the page to pdf	4	May 5, 2023
SendGrid email issue in responsive Gmail	1	Nov 4, 2021

jumping fieldsets problem - IE only

andrew

Yann-Erwan Perio

Michael Winter

Yann-Erwan Perio

andrew

Ask a Question

Similar Threads

Members online

Forum statistics

Latest Threads