This week's book giveaway is in the OO, Patterns, UML and Refactoring forum. We're giving away four copies of Refactoring for Software Design Smells: Managing Technical Debt and have Girish Suryanarayana, Ganesh Samarthyam & Tushar Sharma on-line! See this thread for details.
I too often find a problem with html forms. Whenever i place a form element, It creates a new line effect in IE. i.e, It looks like I have invisible div block at the end of form element. But mozilla and opera browers don't render this new line effect. SO my web design looks like screwed up. Is there any way to solve this problem? Is my understanding of html form correct?
No one can reproduce your problem. Please post images of your web pages in both firefox and IE so we can see what you are talking about.
Joined: Aug 12, 2009
I was asking you a solution for a problem which i was suffering very much. But you people kept silence. I am sorry guys I must have described it well so that you can understand. Anyway you don't understand my problem. But at last a simple Google gave me the answer.
Actually, form tag is basically block element and some browsers render a vertical extra space after </form>. mozilla family doesn't do this. IE and other browsers do this by giving an extra new line after form. This is sometimes best understood if the form tag is inside table cell. My web pages always contain tables and so I faced this problem very often.
The problem happens not because it is inside table cell, or <form> tag renders this. This happens because browsers render an extra space after a form tag since form tag is block level element. To avoid this problem, a simple style attribute will do.