asp.net - Background-color style in FF/chrome -
does know why 'container' div isn't showing white bg-color it's parent divs? i'm getting black (lime in example better description) bg-color css body setting.
please excuse sloppy styling. did best reduce code , show relative stuff. btw, i've tried making 'container' div , it's child divs' style bg-color white; , still doesn't work. when give highest div large height attribute (say 1000px), shows white point, thought didn't have that. should dynamic: controls within div expand, divs height should expand well. have many pages that, don't have problem.. but pg attempt column divs. , happens right when 'container' div columns start (see pic). , yea, happens in ff , chrome. works fine in ie
<head runat="server"> <title>loaner transfer</title> <link rel="stylesheet" type="text/css" href="../styles/bodylayout.css" /> <link rel="stylesheet" type="text/css" href="../styles/columns.css" /> <meta http-equiv="content-script-type" content="text/javascript" /> <script language="javascript" type="text/javascript"> .... </script> </head> <body> <center> <div style="text-align:left; width:1160px; background-color:white; border-bottom-width:25px;"> <div id="divbody"> <form id="form1" runat="server"> <ajx:toolkitscriptmanager id="toolkitscriptmanager1" runat="server"> </ajx:toolkitscriptmanager> <img src="../images/_logo.gif" alt="logo" /><br /> <ui:header id="uiheader" runat="server" /> <ui:menu id="uimenu" runat="server" /> <center> <h1>transfer loaned items</h1> <asp:label id="lblstatus" runat="server" forecolor="red"></asp:label> <br /> <asp:validationsummary id="validationsummary1" runat="server" validationgroup="iso" /> <asp:validationsummary id="validationsummary3" runat="server" validationgroup="add" /> <asp:validationsummary id="validationsummary2" runat="server" validationgroup="header" /> </center> <br /> <div id="container" style="width:1140px;"> <div id="col1" style="width:400px;"> <h2 style="text-decoration:underline; text-align:center;">search , select items transfer</h2> <div style="margin-left:25px;"> <asp:label id="label1" runat="server" font-bold="true" text="pull iso"></asp:label> <asp:customvalidator id="cvsearch" runat="server" errormessage="invalid iso entry." controltovalidate="txtsearchiso" validationgroup="iso" validateemptytext="true" clientvalidationfunction="checkmytext">*</asp:customvalidator> <asp:textbox id="txtsearchiso" runat="server" width="50px"></asp:textbox> <asp:button id="btnsearchiso" runat="server" text="go!" validationgroup="iso" onclick="btnsearchiso_click" /> <asp:label id="lblhidiso" runat="server" text="-1" visible="false"></asp:label> <br /> <br /> <table> ..... </table> <br /> <center> <asp:datagrid.............................</asp:datagrid> </center> </div> <div id="col2outer" style="width:710px;"> <center> <!--tables, controls, etc--> </center> </center> </div> </div> </form> </div> </div> </center> </body> here css:
body { background-color:black; } body.comp { background-color:#f5fcff; } #divbody { margin-left:25px; } #divtrans { margin:15px; } #container #col1 { float: left; } #container #col2outer { float: right; } #container #footer { text-align:center; float: left; width: 870px; } here ss: 
it looks need clear floats.
you can adding overflow: hidden #container (or perhaps #divbody).
some further information clearing floats:
learning how , when clear floats important part of css. you'll save lot of confusion if grips sooner rather later.
Comments
Post a Comment