I have a CSS problem and I have been banging my head against it for ages. I just cant see how to fix it or why it is happening. Basically it only happens in IE7 but work in IE6 and FF.
Basically if I add two form tags to the page it breaks my CSS box. You can see a sample of my page at http://indy.catalyst2.com/test.htm
Any help would be much appreciated
Many thanks in advance
you can't nest a form within
you can't nest a form within a form.. some browsers handle the invalid html better than others
On another note, you sure are using a lot of nested divs to get your border
these may be of help to get the code down a few more lines
Im using Asp.Net
Im using Asp.Net so the parent form tag is required by Asp.Net. However the inner form tag is just a basic html form tag
Are you sure this is due to the nested form tag? If this is the case why does the page work fine when I remove the div called divContrast, as the form tags are still nested?
Im just really stuck on this one
Forms in forms are a
Forms in forms are a definite no-no.
Try coding another test in simple html, no ASP.net. That will test the nested form issue.
As it works in IE6 and Fx, it may simply be some IE7 bug. Have you checked IE's bug report list? Oh, wait. Never mind.
Have you checked with the author of the rounded corner hack? Maybe it's been reported back to him.
Sampel HTML Page
Thanks Gary for your advice
The above example link is just a basic HTML page. I also thought that the problem might be related to .Net. However as you can see in the above example link its just a very basic HTML page.
I just dont understand how divContrats breaks the page, as soon as I remove this everything works fine in IE7
You mentioned that there is a bug list for IE7, I dont suppose you have the official link for this.
Im just really lost on this one, ive been going round in circles trying to understand it
Any help would be much appeciated
When I mentioned an IE bug
When I mentioned an IE bug list, I was being facetious. I should stop that practice :shrug:
At the moment, my Win boxes are shut down as I re-arrange my office. So, I can't trouble shoot.
If it is that one container that triggers the problem, I'd look there first.
I was just wondering if anybody else had any ideas on this problem. As I think I have lost all my hair to it.
do you have runat="server"
do you have
runat="server" set in the .net for the form?
Also, try adding this to the container div
You are a star!!!
I do have runat server on the first form tag which is required by Asp.Net
But your overflow method worked a treat. Thanks ever so much for your help. I can start growing some hair now.
Right, I was just checking
Right, I was just checking to make sure on that.
Anyway, glad it worked. Good luck.