472,958 Members | 2,355 Online
Bytes | Software Development & Data Engineering Community
Post Job

Home Posts Topics Members FAQ

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

Form Elements act weird in IE

The form elements present a major challenge in IE. Apparently, IE
renders the legend element in odd way. In IE, the legend falls in the
middle of the fieldset border; the background falls outside the
border. When one set position: relative, IE chokes and does not
always displays the legend element; or pushes it off the page.
Negative margins do not help either since the background falls outside
the border.

In addition, the behavior propagates to my fieldset.Radio legend
style. I place a purple border around to illustrate the behavior.
Again, this specific occurrence does not allow me to line up the
legend labels (Firefox handles correctly).

After rereading the form article on the following site, the author
mentioned that this technique has this apparent limitation. Even
though he states this point, I need to understand this behavior and
summarize it. This point will help avoid similar situations in the
future. Obviously, I could include additional markup to get around the
problem, yet this solution become less attractive. Hopefully, somebody
has found a solution or could explain the situation.

Search for Block fieldset

I simplified my page, yet this page still emulates the position fixed.

The following page removes the OuterWrapper; and assigns { position:
relative; } to the legend element. Bam, the legend elements fall in
place; yet push off the screen.

The Fieldset.Radio group has several unusually behaviors as well.
First, the Fieldset has some phantom padding; thus pushing the legend
element 4px to the right; Second, the legend element pushes the labels
to the next line. Third the radio labels have larger line heights than
in Firefox. What's going on here? Can we have more control in IE
anywhere along these scenarios?

Jul 21 '05 #1
0 1712

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

Similar topics

by: AnnMarie | last post by:
<script language="JavaScript" type="text/javascript"> <!-- function validate(theForm) { var validity = true; // assume valid if(frmComments.name.value=='' && validity == true) { alert('Your...
by: Brett | last post by:
I have a button on a form. I've changed its text to "Exitl". However, when I run the app, the button text is "Exit". How could that happen? It's the only form in this app. I also have the...
by: williamroy | last post by:
Hello, I've got a form that runs over 5 pages. I need the last page submit button to post all of the answers at one time from the previous 5 pages (to another server). I'd like to see the last...
by: Drew | last post by:
I am having an issue with an app that I built, it seems that Request.Form doesn't want to work sometimes, and only sometimes. For instance, I got a call last week about an error, I had the user...
by: Rik | last post by:
Hello guys, now that I'm that I'm working on my first major 'open' forms (with uncontrolled users I mean, not a secure backend-interface), I'd like to add a lot of possibilities to check wether...
by: ademirzanetti | last post by:
Hi there !!! I would like to listen your opinions about inherit from a STL class like list. For example, do you think it is a good approach if I inherit from list to create something like...
by: AAaron123 | last post by:
<body runat="server" id="MainBody"> <form id="form1" runat="server" style="background-color:green; width: 100%; height: 100%"> <br /> Table1" runat="server" Style="background-color:Yellow;...
by: Deano | last post by:
How can I reset this count? My form is stable now and doesn't have many controls on it, though obviously it's seen alot of deletions as the form has evolved and this contributes to reaching the...
by: programmerboy | last post by:
I never had this kind of issue before and it is completely surprising. I have a usercontrol where I need 2 forms to make 1 form. When I have only 1 form it submits the page to itself. I have spent...
by: lllomh | last post by:
Define the method first this.state = { buttonBackgroundColor: 'green', isBlinking: false, // A new status is added to identify whether the button is blinking or not } autoStart=()=>{
by: DJRhino | last post by:
Was curious if anyone else was having this same issue or not.... I was just Up/Down graded to windows 11 and now my access combo boxes are not acting right. With win 10 I could start typing...
by: isladogs | last post by:
The next Access Europe meeting will be on Wednesday 4 Oct 2023 starting at 18:00 UK time (6PM UTC+1) and finishing at about 19:15 (7.15PM) The start time is equivalent to 19:00 (7PM) in Central...
by: Aliciasmith | last post by:
In an age dominated by smartphones, having a mobile app for your business is no longer an option; it's a necessity. Whether you're a startup or an established enterprise, finding the right mobile app...
by: giovanniandrean | last post by:
The energy model is structured as follows and uses excel sheets to give input data: 1-Utility.py contains all the functions needed to calculate the variables and other minor things (mentions...
by: NeoPa | last post by:
Introduction For this article I'll be using a very simple database which has Form (clsForm) & Report (clsReport) classes that simply handle making the calling Form invisible until the Form, or all...
by: NeoPa | last post by:
Introduction For this article I'll be focusing on the Report (clsReport) class. This simply handles making the calling Form invisible until all of the Reports opened by it have been closed, when it...
by: isladogs | last post by:
The next online meeting of the Access Europe User Group will be on Wednesday 6 Dec 2023 starting at 18:00 UK time (6PM UTC) and finishing at about 19:15 (7.15PM). In this month's session, Mike...
by: GKJR | last post by:
Does anyone have a recommendation to build a standalone application to replace an Access database? I have my bookkeeping software I developed in Access that I would like to make available to other...

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.