473,407 Members | 2,320 Online
Bytes | Software Development & Data Engineering Community
Post Job

Home Posts Topics Members FAQ

Join Bytes to post your question to a community of 473,407 software developers and data experts.

jumping fieldsets problem - IE only

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>

Jul 23 '05 #1
4 1600
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.
Jul 23 '05 #2
On 13/07/2005 21:07, Yann-Erwan Perio wrote:
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

--
Michael Winter
Prefix subject with [News] before replying by e-mail.
Jul 23 '05 #3
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.
Jul 23 '05 #4
Thanks for the responses. It's always fun working with IE. :)

"Yann-Erwan Perio" <ye*@invalid.com> wrote in message
news:42**********************@news.free.fr...
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.

Jul 23 '05 #5

This thread has been closed and replies have been disabled. Please start a new discussion.

Similar topics

2
by: PatD | last post by:
Fieldsets, as introduced with, I think, HTML 4, tend to span the entire width of the window. As most (all?) "Block", or so, elements do... What I would like, however, is a solution do cut them...
3
by: Trent | last post by:
I'm trying to be a good little coder and design my HTML form with as much semantic HTML and CSS as possible. I'm using fieldsets, legends, and labels. It seems like the only way to reliably...
6
by: Steve Lefevre | last post by:
Hey folks -- I have a series of selectboxes on a web form. I would like to have a javascript jump the focus to the next selectbox when the user presses a key. Each box has the values 1 through...
0
by: andrew | last post by:
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...
3
by: jalkadir | last post by:
By jump I mean ending unexpectedly. The program below, like the jumping beens, has an unusual behaviour. When the noted lines are not present the program terminates disregarding the rest of the...
10
by: M | last post by:
Hi, Suppose you have the situation where you have say 20 blocks of text (~250 chars each) in a MySQL db that you need to display, but each has a condition to check to see whether you should...
14
by: spamtrap | last post by:
Mostly for testing reasons I'd like to see if it makes sense to chose the following approach for just-in-time compilation of shaders for a renderer: Seeing as the shaders themsefs consist mostly...
19
by: Steve | last post by:
Hi there, I'm having a problem with a webpage where hoving over the top navigation links causes my footer to jump up to the centre of the page! It only happens with IE7, and works fine with the...
1
realin
by: realin | last post by:
hi guys, i wanna set my fieldsets properly without using table.. like two fields in one row... here are my fieldsets.. <fieldset> <legend>Personal Information</legend>...
0
by: Charles Arthur | last post by:
How do i turn on java script on a villaon, callus and itel keypad mobile phone
0
BarryA
by: BarryA | last post by:
What are the essential steps and strategies outlined in the Data Structures and Algorithms (DSA) roadmap for aspiring data scientists? How can individuals effectively utilize this roadmap to progress...
1
by: Sonnysonu | last post by:
This is the data of csv file 1 2 3 1 2 3 1 2 3 1 2 3 2 3 2 3 3 the lengths should be different i have to store the data by column-wise with in the specific length. suppose the i have to...
0
by: Hystou | last post by:
There are some requirements for setting up RAID: 1. The motherboard and BIOS support RAID configuration. 2. The motherboard has 2 or more available SATA protocol SSD/HDD slots (including MSATA, M.2...
0
marktang
by: marktang | last post by:
ONU (Optical Network Unit) is one of the key components for providing high-speed Internet services. Its primary function is to act as an endpoint device located at the user's premises. However,...
0
by: Hystou | last post by:
Most computers default to English, but sometimes we require a different language, especially when relocating. Forgot to request a specific language before your computer shipped? No problem! You can...
0
jinu1996
by: jinu1996 | last post by:
In today's digital age, having a compelling online presence is paramount for businesses aiming to thrive in a competitive landscape. At the heart of this digital strategy lies an intricately woven...
0
tracyyun
by: tracyyun | last post by:
Dear forum friends, With the development of smart home technology, a variety of wireless communication protocols have appeared on the market, such as Zigbee, Z-Wave, Wi-Fi, Bluetooth, etc. Each...
0
isladogs
by: isladogs | last post by:
The next Access Europe User Group meeting will be on Wednesday 1 May 2024 starting at 18:00 UK time (6PM UTC+1) and finishing by 19:30 (7.30PM). In this session, we are pleased to welcome a new...

By using Bytes.com and it's services, you agree to our Privacy Policy and Terms of Use.

To disable or enable advertisements and analytics tracking please visit the manage ads & tracking page.