Процентные плавающие контейнеры внутри процентного контейнера - PullRequest
Новая
       27

Процентные плавающие контейнеры внутри процентного контейнера

0 голосов
/ 27 февраля 2011

У меня есть простая проблема, которую я не могу понять. Посмотрите на этот HTML-код: 

    <div id="container">
    <div id="content">
        <div id="menu">
            <ul>
                <li><a href="#" class="active">pagina's</a></li>
                <li><a href="#">home</a></li>
                <li><a href="#">kamers</a></li>
                <li><a href="#">over ons</a></li>
            </ul>
        </div>
        <div class="clearfloats"></div>
        <div id="cmscontent">
            <div id="sidebar">
                <ul>
                    <li><a href="#" class="overzicht active">overzicht van de pagina's</a></li>
                    <li class="last"><a href="#" class="toevoegen">pagina toevoegen</a></li>
                </ul>
            </div>
            <div id="main">
                <h1 class="maintitle">
                    overzicht van de pagina's
                </h1>
                <div id="maincontent">
                    sdfsd
                </div>
            </div>
            <div class="clearfloats"></div>
        </div>
    </div>
</div>

CSS: 

#container {
width: 84%;
margin: 0 auto;
}

#content {
margin-top: 50px;
min-width: 1140px;
}

#cmscontent {
background-color: #ffffff;
border: 1px solid #e0e0e0;
padding: 44px 30px 44px 30px;
position: relative;
z-index: 3;
}

#sidebar{
padding: 14px 24px 14px 24px;
width: 306px;
background-color: #f8f8f8;
float: left;
}

#main {
float: left;
margin-left: 80px;
width: 100%;
}

Проблема в том, что последний контейнер: #main, standard имеет такую ​​же ширину, как и его содержимое. Поэтому я обязан добавить к нему фиксированную ширину (px). Весь смысл моего дизайна в том, что у меня плавающие проценты, так что это облом. Добавление 100% ширины или любого другого числа в%, также имеет свои проблемы ..

Есть ли кто-нибудь такое решение для меня?

Спасибо!

http://www.mathijsdelva.be/cms/

Я ничего не настроил; на данный момент я только что рассказал о Safari.

1 Ответ

0 голосов
/ 27 февраля 2011

Проблема в том, что последний контейнер: #main, standard имеет такую ​​же ширину, как и его содержимое.

Пробовал с помощью display: block для #main?

Что вы на самом деле пытаетесь сделать здесь? Вы пытаетесь сделать гибкий дизайн?

...