By default forms insert a bit of space after themsleves, as they're block level elements. Try adding something like this to your CSS to see if it gets rid of the space:
Not necessary, Tim, since a block-level element doesn't have to insert any margins or paddings by the standard. Actually it's just completely browser-specific. Rather a simple and convenient way to keep away from such confusions is to make use of any CSS normaliser like e.g. http://necolas.github.com/normalize.css/
Form tag adds extra space after Footer.
Hi,
I've been trying to resolve this problem last couple of days but no luck.
I am added Form tag in my master page and it added extra space after the footer. It really looks not nice.
I tried to use (style="display: inline; margin: 0;") but it does not work.
My code:
<body class="t">
<form runat="server" style="display: inline; margin: 0;">
<div id="page">
<div align="center" id="header">
<a href="/"><img src="/images/title_bg3.png" width="840px" height="80px" /></a>
<div id="mainmenu">
<umbraco:Macro Alias="umbTopNavigation" runat="server"></umbraco:Macro>
</div>
<div class="mainmenucorner"> </div>
</div>
<asp:contentplaceholder id="cp_top" runat="server">
</asp:contentplaceholder>
<asp:contentplaceholder id="cp_content" runat="server"></asp:contentplaceholder>
</div>
<!-- end div#wrapper -->
</form>
</body>
Help is appreciated.
Hi. What's the reason of use "display: inline" for this form?
Hi Berdia,
By default forms insert a bit of space after themsleves, as they're block level elements. Try adding something like this to your CSS to see if it gets rid of the space:
form { padding: 0; margin: 0; }Not necessary, Tim, since a block-level element doesn't have to insert any margins or paddings by the standard. Actually it's just completely browser-specific. Rather a simple and convenient way to keep away from such confusions is to make use of any CSS normaliser like e.g. http://necolas.github.com/normalize.css/
is working on a reply...