?
Solved

CSS: form width problem in IE

Posted on 2006-03-25
6
Medium Priority
?
715 Views
Last Modified: 2012-08-14
I have a 3 column layout with the folowing structure:
<body>
 <div id="wrap">
  <div id="wrap-inner">

   <div id="header">
      <div id="masthead">
        <h1>abcdefghijk.....</h1>
       </div>  
    </div>

<div id="main-body">
 <div id="content">
  <div>
     <form>.......</form>
  </div>
</div>      
      <div id="footer">      
           <a href="http://xyz</a>
      </div>
  </div>
</div> <!-- end #wrap -->
</body>

The css for the wrap is:
#wrap {max-width: 1200px; min-width: 800px;}

The minimum width is ignored in IE6. If I put something other than a form in the content area IE will recognize the minimum width. In Mozilla and other browsers the minimum width is recognized. The pages are XHTML transitional compliant.  Can anyone tell me why a the minimum width is ignored by IE when I insert a form?
Thanks.
0
Comment
Question by:NZ7C
5 Comments
 
LVL 2

Expert Comment

by:toocrazy007
ID: 16292164
0
 

Author Comment

by:NZ7C
ID: 16292397
I see what you are saying but I cannot get it to do the job.
0
 
LVL 21

Expert Comment

by:pinaldave
ID: 16292420
Perhaps the most famous IE and CSS problem is Internet Explorer's misinterpretation of the CSS box model, which can cause page elements to be narrower in IE.

http://www.webcredible.co.uk/user-friendly-resources/css/internet-explorer.shtml

Regards,

0
 

Author Comment

by:NZ7C
ID: 16295373
I have solved this problem myself. As usual, the cause of the problem was carelessness.  My form file was being accessed from a seconf tieir folder where as all other files to this point had been accessed from first tier folders.  When the header file was loaded it as not able to reach the min-max.js script because I FORGOT TO ADD "../ and make it a relative path!  Sheesh.  Thanks for all the thoughts though>
0
 

Accepted Solution

by:
GranMod earned 0 total points
ID: 16629027
PAQed with points refunded (500)

GranMod
Community Support Moderator
0

Featured Post

New feature and membership benefit!

New feature! Upgrade and increase expert visibility of your issues with Priority Questions.

Question has a verified solution.

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

Ready to get certified? Check out some courses that help you prepare for third-party exams.
Without even knowing it, most of us are using web applications on a daily basis.  In fact, Gmail and Yahoo email, Twitter, Facebook, and eBay are used by most of us daily—and they are web applications. We generally confuse these web applications to…
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.
Suggested Courses
Course of the Month16 days, 20 hours left to enroll

862 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