Остановка перекрывающихся Div при использовании поплавков - PullRequest
Новая
       5

Остановка перекрывающихся Div при использовании поплавков

0 голосов
/ 15 января 2012

У меня есть три блока Div, перекрывающих друг друга, когда я изменяю размер окна браузера.

Мой код:

CSS 

.face{
    width:100%;
    overflow: hidden;
    clear:both;
    clear:left;
    clear:right;
}
    .center {
    width:80%;
    height:3000px; 
    margin:50px auto auto -100px; 
    text-align:center;
    float:left;}.

    .contact{
    width:10%;
    float:left;}

    .menu{
    width:10%;
    float:left;}

HTML 

    <div class = "face">

    <div class ="menu">
        <ul class="nav">
        </ul>
    </div>
    <div class="center">
        <div class ="content">
            <?php   ?>
        </div>
    </div>  
    <div class = "contact"> 
            <div id="scrollingDiv"> 
        </div>  
    </div>
</div>

На этой странице указан код: введите описание ссылки здесь Я перепробовал много методов, чтобы остановить наложение.Я пытался использовать относительное / абсолютное позиционирование.Я тоже пробовал без поплавков.Недавно я попытался использовать левый и правый отступы, но все безрезультатно.

Любые предложения или рабочие примеры были бы хорошими.

1 Ответ

0 голосов
/ 15 января 2012

Я думаю, вы имеете в виду, что в Internet Explorer элемент с классом 'center' не поддерживает минимальную ширину. Я не вижу той же проблемы в Firefox 9. Я не тестировал, но попробуйте дать «контенту» фиксированную ширину, скажем, 640 пикселей.

...