No replies
chadwixk
Offline
newbie
Last seen: 8 years 25 weeks ago
Timezone: GMT-6
Joined: 2011-04-22
Posts: 1
Points: 2

Hello,

I am having an issue with a child div growing wider than it's parent div and can't seem to figure out why it would do this. It doesn't add scroll bars. It seems like it would if it was positioned absolute, but it is not. Specifically there is a Parent div, inside that a fieldset, then a table, then a dropdown list that is very wide because of the data it has. This than expands the width of the table, then the fieldset and then the explicitly set width of the parent div.

The second issue is at the very bottom of the page. There is a white strip that goes along the bottom of the page. Not sure why that div is not keeping the background color of the parent.

Thanks in advance.
Chad

http://thedynoroom.com/DynoRuns.aspx

/*layout*/
#FullBackground                 {background-color: black; }
#ContentWrapper                 {width: 1028px ! important; margin: auto; background: url(images/bg.png) repeat top left; }
.bread_bg                       {background-color: #EAEAEA; font-family: Verdana, Arial, Helvetica, sans-serif; border-left: solid 1px #EAEAEA; border-right: solid 1px #EAEAEA; margin-bottom:10px; height: 35px;}
.content                        {background: url(images/body_bg.jpg) repeat-y left top; padding: 0px; margin: 0px;}
.bot_bg                         {background-color: #EAEAEA; border-left: solid 1px #EAEAEA;border-right: solid 1px #EAEAEA; border-bottom: solid 1px #EAEAEA; padding: 10px;   margin: 0 0px 0 0px;}
.bot_pad                        {font-family: Verdana, Arial, Helvetica, sans-serif; margin-bottom: 20px; padding: 10px 30px 0 20px;}

<div id="FullBackground">
    <div id="ContentWrapper">
        <div id="ControlPanel" runat="server" />
        <div id="Header">
            <div id="logo">
                <dnn:LOGO runat="server" id="dnnLOGO"  />
            </div>
            <div id="TagLine">
            </div>
            <div id="login_style" class="user">
                <dnn:USER runat="server" id="dnnUSER"  CssClass="user" />
                &nbsp;&nbsp;|&nbsp;&nbsp;<dnn:LOGIN runat="server" id="dnnLOGIN"  CssClass="user" />
            </div>
        </div>
 
        <div class="mainMenu_left">
            <div class="mainMenu_right">
                <div class="mainMenu_bg">
                    <div class="mainMenu_style">
                        <dnn:NAV runat="server" id="dnnNAV"  ProviderName="DNNMenuNavigationProvider" IndicateChildren="false" ControlOrientation="Horizontal" CSSControl="mainMenu" />
                    </div>
                </div>
            </div>
        </div>
        <div class="bread_bg">
            <div id="bread_style">
                <dnn:TEXT runat="server" id="dnnTEXT"  CssClass="breadcrumb_text" Text="You are here" ResourceKey="Breadcrumb" />
                :&nbsp;<span><dnn:BREADCRUMB runat="server" id="dnnBREADCRUMB"  CssClass="Breadcrumb" RootLevel="0" Separator="&nbsp;>&nbsp;" />
                </span>
            </div>
 
        </div>
        <div class="content">
            <div valign="top" id="cTopPane" class="cTopPane" runat="server"></div>
 
            <div valign="top" id="cLeftPane" class="cLeftPane" runat="server"></div>
            <div valign="top" id="cContentPane" class="cContentPane" runat="server"></div>
            <div valign="top" id="cRightPane" class="cRightPane" runat="server"></div>       
 
            <div valign="top" id="cBottomPane" class="cBottomPane" runat="server"></div>
 
            <table cellspacing="0" cellpadding="0" width="100%" border="0">
		    <tr>
                <td class="Banner-Pane" id="BannerPane" runat="server" valign="top" visible="false"></td>
            </tr>
            <tr>
                <td class="Content-Pane" id="ContentPane" runat="server" valign="top" visible="false"></td>
            </tr>
            <tr>
                <td>
                    <table width="100%" border="0" cellspacing="0" cellpadding="0">
                        <tr>
                            <td valign="top" class="Top-Left-Pane" id="TopLeftPane" runat="server" visible="false"></td>
                            <td valign="top" class="Top-Right-Pane" id="TopRightPane" runat="server" visible="false"></td>
                        </tr>
                    </table>
                </td>
            </tr>
		    <tr>
			    <td>
                    <table width="100%" border="0" cellspacing="0" cellpadding="0">
                        <tr>
                            <td class="Main-Left-Pane" id="MainLeftPane" runat="server" valign="top" visible="false"></td>
                            <td  class="Main-Right-Pane" id="MainRightPane" runat="server" valign="top" visible="false"></td>
                        </tr>
                    </table>
                </td>
                </tr>
                <tr>
                <td>
                    <table width="100%" border="0" cellspacing="0" cellpadding="0">
                        <tr>
                            <td class="Left-Pane" id="LeftPane" runat="server" valign="top" align="center" visible="false"></td>
                            <td class="Middle-Pane" id="MiddlePane" runat="server" valign="top" align="center" visible="false"></td>
                            <td class="Right-Pane" id="RightPane" runat="server" valign="top" align="center" visible="false"></td>
                        </tr>
                    </table>
                    </td>
                </tr>
                <tr valign="top">
                    <td>
                        <table width="100%" border="0" cellspacing="0" cellpadding="0">
                            <tr>
                                <td class="Bottom-Left-Pane" id="BottomLeftPane" runat="server" valign="top" align="center" visible="false"></td>
                                <td class="Bottom-Right-Pane" id="BottomRightPane" runat="server" valign="top" align="center" visible="false"></td>
                            </tr>
                        </table>
                    </td>
                </tr>
                <tr>
                    <td class="Bottom-Pane" id="BottomPane" runat="server" valign="top" align="center" visible="false"></td>
                </tr>
            </table>
 
        </div>
        <div class="bot_bg links">
            <dnn:LINKS runat="server" id="dnnLINKS"  CssClass="links" Level="Root" Separator="&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;" />
        </div>
        <div class="bot_pad">
            <div id="terms_style" class="footer">
                <dnn:PRIVACY runat="server" id="dnnPRIVACY"  CssClass="footer" />
                &nbsp;&nbsp;|&nbsp;&nbsp;<dnn:TERMS runat="server" id="dnnTERMS"  CssClass="footer" />
            </div>
            <div id="copy_style" class="footer">
                <dnn:COPYRIGHT runat="server" id="dnnCOPYRIGHT"  CssClass="footer" />
            </div>
        </div>
    </div>
 
</div>