Граница Div не отображается в правильном месте - PullRequest
Новая
       4

Граница Div не отображается в правильном месте

0 голосов
/ 01 марта 2012

У меня есть div с синей рамкой.Этот div является нижним колонтитулом, поэтому он находится внизу страницы.Текст внутри этого div отображается внизу, а сама граница отображается вверху.

Вот HTML-код: 

<body>

<div id="header">
this is the header
</div>

<div id="mainleft">
this is the main left
</div>

<div id="mainright">
this is the main right
</div>

<div id="footer">
this is the footer
</div>

</body>

, а вот CSS: 

body{
    background-color:#666666;
}

#header{
    min-height:75px;
    border:3px solid #000099;
}

#mainleft{
    height:500px;
    width:15%;
    border-left:3px solid #000099;
    float:left;
}
#mainright{
    height:500px;
    width:84%;
    border-left:3px solid #000099;
    border-right:3px solid #000099;
    float:right;
}

#footer{
    height:70px;
    width:100%;
    border:3px solid #098099;
    bottom:0px;
}

Ответы [ 2 ]

4 голосов
/ 01 марта 2012

Добавьте clear: both; к элементу нижнего колонтитула.

0 голосов
/ 01 марта 2012

Нижний колонтитул не отображается внизу.Вам нужен контейнер div, который оборачивает все div внутри него и устанавливает его свойства (ширина, высота и т. Д.).

...