Solved

IE7 / 8 Compatibility mode TABLE / CSS / FORM issue

Posted on 2009-06-29
2
966 Views
Last Modified: 2012-05-07
You need (ideally) IE7 or 8 (the one I am using) to see this rather bizarre issue.

Go to www.pinkanddizzy.com and click on registration (there is NO need to register any details to see this issue). This webworks best in IE6, as the menu to the left displays properly in this browser. However in IE7 and 8 the menu is .. well broken.

However, when in compatibility mode, it is not possible to click inside the first half of the forms in the registration form. See for youself.. visit the site using IE8 without compatibility mode.. click registration then click inside the field FIRST NAME... easy...

now click the compatibilty mode button (watch the menu now display correctly..) now try to click anywhere in the first HALF of the FIRSTNAME box.. you cant... move the mouspointer along the field.. and after about half way the cursor changes to the text one.

Any ideas welcome.. there is no major java or codnig at work in this very basic form.
0
Comment
Question by:mvwmail
2 Comments
 
LVL 30

Accepted Solution

by:
IanTh earned 500 total points
ID: 24740545
I think its because your using tables
dont ie 7 and 8 dont like them

I use on forms


<form action="sendmail.php" method="post" name="form1" class="form">
      <fieldset class="fieldset">
        <input name="form:" type="hidden" id="hidden Field" value="contact us" />
        <span id="sprytextfield1">
        <label for="name" class="label">Name</label>
        <input type="text" name="name" class="field" id="name" />
        <span class="textfieldRequiredMsg">A value is required.</span></span><br />
        <span id="sprytextfield2">
        <label for="email address" class="label">Email Address</label>
        <input type="text" name="email address" class="field" id="email address" />
        <span class="textfieldInvalidFormatMsg">Invalid email address.</span></span><br />
        <span id="sprytextfield3">
        <label for="phone number" class="label">Phone Number</label>
        <input type="text" name="phone number" class="field" id="phone number" />
        <span class="textfieldRequiredMsg">A value is required.</span></span><br />
        <span id="sprytextarea1">
        <label for="message" class="label">Message</label>
        <textarea name="message"  class="field" id="message" cols="45" rows="5"></textarea>
        <span class="textareaRequiredMsg">A value is required.</span></span> <br />
       
        <p>
          <label for="submit"></label>
          <input name="submit" type="submit" class="button" id="submit" value="Submit" />
          <label for="reset"></label>
          <input name="reset" type="submit" class="button" id="reset" value="Reset" />
          <br />
        </p>
</fieldset>

and it works in ie 7 and 8 no problem
0
 
LVL 3

Author Closing Comment

by:mvwmail
ID: 31598074
Taking the form out of the table didnt work.. I got around the issue by just using one column instead of two.

Thanks for trying anyway
0

Featured Post

Master Your Team's Linux and Cloud Stack!

The average business loses $13.5M per year to ineffective training (per 1,000 employees). Keep ahead of the competition and combine in-person quality with online cost and flexibility by training with Linux Academy.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Suggested Solutions

Building a website can seem like a daunting task to the uninitiated but it really only requires knowledge of two basic languages: HTML and CSS.
This article demonstrates how to create a simple responsive confirmation dialog with Ok and Cancel buttons using HTML, CSS, jQuery and Promises
The viewer will learn how to dynamically set the form action using jQuery.
This tutorial will teach you the core code needed to finalize the addition of a watermark to your image. The viewer will use a small PHP class to learn and create a watermark.

777 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question