Solved

IE7 / 8 Compatibility mode TABLE / CSS / FORM issue

Posted on 2009-06-29
2
953 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
Comment Utility
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
Comment Utility
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

Easy Project Management (No User Manual Required)

Manage projects of all sizes how you want. Great for personal to-do lists, project milestones, team priorities and launch plans.
- Combine task lists, docs, spreadsheets, and chat in one
- View and edit from mobile/offline
- Cut down on emails

Join & Write a Comment

Suggested Solutions

SASS allows you to treat your CSS code in a more OOP way. Let's have a look on how you can structure your code in order for it to be easily maintained and reused.
This article describes how to create custom column layout styles for Bootstrap. The article uses 5 columns to illustrate the concept, but the principle can be extended to any number of columns.
The viewer will learn how to count occurrences of each item in an array.
The viewer will learn how to create and use a small PHP class to apply a watermark to an image. This video shows the viewer the setup for the PHP watermark as well as important coding language. Continue to Part 2 to learn the core code used in creat…

728 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

Need Help in Real-Time?

Connect with top rated Experts

11 Experts available now in Live!

Get 1:1 Help Now