Не тянется блок при двухколоноынй блочной вёрстке

@freegat · Регистрация: 05.03.2009

Author24 — интернет-сервис помощи студентам

Здравствуйте - есть двухколоночная блочная вёрстка.
Меню справа(с фиксированной шириной), слева таблица - должна тянуться.
Есть сделать так - всё работает:

HTML5

<div class="layout">
            <div class="sidebar" >
                <asp:ContentPlaceHolder ID="OperationPlaceHolder" EnableViewState="true" runat="server" />
            </div>
            <asp:Panel ID="ShadowPanel" runat="server" CssClass="contents">
                <asp:Label ID="masterPageCaption" runat="server" Visible="True" Text="Карточка врача" />
                <asp:ContentPlaceHolder ID="ExtraContentPlaceHolder" EnableViewState="true" runat="server" />
                <asp:ContentPlaceHolder ID="InfoPlaceHolder" EnableViewState="true" runat="server" />
            </asp:Panel>
        </div>

Но если обернуть ещё в див один блок внутри панели.
Например так:

HTML5

<div class="layout">
            <div class="sidebar">
                <asp:ContentPlaceHolder ID="OperationPlaceHolder" EnableViewState="true" runat="server" />
            </div>
            <asp:Panel ID="ShadowPanel" runat="server" CssClass="contents">
                <div id="Up">
                    <asp:Label ID="masterPageCaption" runat="server" Visible="True" Text="Карточка врача" />
                    <asp:ContentPlaceHolder ID="ExtraContentPlaceHolder" EnableViewState="true" runat="server" />
                </div>
                <div id="Down">
                    <asp:ContentPlaceHolder ID="InfoPlaceHolder" EnableViewState="true" runat="server" />
                </div>
            </asp:Panel>
        </div>

То почему то верхний див тянется( Up), нижний нет (Down) - в чём может быть провблема?

InfoPlaceHolder - Таблица
Panel - див

CSS

.layout {
    margin: 15px 0; /* Отступы сверху и снизу */ 
    overflow: hidden; /* Отменяем действие float */
    min-width: 500px; /* Минимальная ширина */
    max-width: 8000px; /* Максимальная ширина */
   }
   .sidebar { /* Навигация по сайту */
    width: 280px; /* Ширина меню */
    float: right; /* Состыковка с другим слоем по горизонтали */
   }
   .contents { /* Основное содержание страницы */
    margin-right: 335px; /* Отступ слева */
    background-color: White;
   }

Может есть более простой способ сделать резиновую вестку двухколонок??

	13.03.2012, 20:28