Home ›
ASP.NET Forums » General ASP.NET » Web Forms » problem rendering border with Firefox when wrapper div height is auto

problem rendering border with Firefox when wrapper div height is auto

Last post 04-30-2007 3:43 AM by Hong-Gang Chen - MSFT. 1 replies.

Sort Posts:

  • problem rendering border with Firefox when wrapper div height is auto

    04-25-2007, 1:03 PM
    • Loading...
    • volatilepuppy
    • Joined on 01-19-2007, 8:35 PM
    • North Carolina
    • Posts 22
    I have a wrapper div that contains all other divs in my form.  When I set the style="height:auto; border: solid 1px red;"  the border does not show up on the left and right sides.  I need the form to be able to grow/shrink.  Firefox does not render the border, but IE does it with no problem.  Can anyone ANYWHERE help me understand why firefox is not rendering the border? 
    There are more of us than you think.
    Filed under: ,

  • Re: problem rendering border with Firefox when wrapper div height is auto

    04-30-2007, 3:43 AM
    Answer

    Hi, volatilepuppy,

    Throughout test, I find that “Div” can be rendered  by both IE and Firefox. I think the problem may be caused by different versions(my Firefox vision 1.8.20070.30919) of the Firefox since my div can be rendered OK.

     

    See the test code as follows:

     

    <%@ Page Language="C#" AutoEventWireup="true" CodeFile="I20070430-2.aspx.cs" Inherits="_200704_I20070430_2" %>

     

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

     

    <html xmlns="http://www.w3.org/1999/xhtml" >

    <head runat="server">

        <title>DivTest</title>

    </head>

    <body>

        <form id="form1" runat="server">

        <div style="height:300px; border: solid 1px red; z-index:100;"  >

            <div style="height:200px; border: solid 1px green; z-index:101;"  >

               <div style="height:100px; border: solid 1px black;"  >

                     <div style="height:auto; border: solid 1px green;"  >

       

                    </div>

               </div>

            </div>

        </div>

       

        <div style="height:auto; border: solid 1px red; z-index:103"  >

        <div style="height:auto; border: solid 1px green; z-index:102"  >

        </div>

        </div>  

       

        </form>

    </body>

    </html>

    Please check it. Waitting for your feeds back.

    Hope it helps.

    Sincerely,
    Ocean
    Microsoft Online Community Support
    Please remember to click “Mark as Answer” on the post that helps you, and to click “Unmark as
    Answer” if a marked post does not actually answer your question.
Page 1 of 1 (2 items)
RSS Available

Advertise on ASP.NET

About this Site

Microsoft Communities
Page view counter