NZ7C
asked on
CSS: form width problem in IE
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.
<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.
http://www.saila.com/attic/sandbox/saila_layout-v2.html
ASKER
I see what you are saying but I cannot get it to do the job.
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,
http://www.webcredible.co.uk/user-friendly-resources/css/internet-explorer.shtml
Regards,
ASKER
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>
ASKER CERTIFIED SOLUTION
membership
Create a free account to see this answer
Signing up is free and takes 30 seconds. No credit card required.