Не Получается Сделать Нормано Подвал

hugomen · August 26, 2008

Вот не как не могу сделать нормальное отображение подвала страницы...

Сама затея состоит в том, чтоб с помощью позиционирования вывести центральную колонку вывести первой в html коде страницы, получилось все отлично.

Но дальше наткнулся на БОЛЬШОЕ НО это нормальное отображение подвала страницы.

ПОМОГИТЕ СДЕЛАТЬ ПОДВАЛ

вот пример:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
<title>Untitled Document</title>
<style type="text/css">
body {
font: Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
text-indent: 1.5em;
margin:0px;
height:100%;
}

h1 {font-size:18px;
}

#center {
position:absolute;
left: 20%;
right: 20%;
width: 60%;
background: #e0e0e0;
}

#left {
position:absolute;
left: 0%;
right: 80%;
width: 20%;
background: #FFCC99;
}
#right {
position:absolute;
right: 0%;
left: 80%;
width: 20%;
background: #FFCC99;
}

#botoom {
clear: both;
background:#3399CC;
}}
</style>
</head>
<body>
<div id="center">центральная колонка</div>
<div id="left"><p>это левая колонка</p></div>
<div id="right"> <p>это правая колонка</p></div>
<div id="botoom">подвал</div>
</body>
</html>

Victor Ananiev · August 26, 2008

http://softwaremaniacs.org/forum/index.php?showtopic=34 - пример подвала на блоках. бери за пример.

hugomen · August 26, 2008

Vindex10 said:
http://softwaremaniacs.org/forum/index.php?showtopic=34 - пример подвала на блоках. бери за пример.

уже лучше стало только теперь при

#botoom {
position:absolute;
bottom:0; width:100%;
background:#3399CC;
}

при прокрутке вниз подвал остается на месте.

Edited August 26, 2008 by hugomen

Azadi · August 26, 2008

hugomen said:
уже лучше стало только теперь при
#botoom {
position:absolute;
bottom:0; width:100%;
background:#3399CC;
}
при прокрутке вниз подвал остается на месте.

position:relative;
margin-top:-(x)px;

где х - высота подвала. При это придется использовать обертывающий div... а вообще, проблема очень обсуждаемая и при использовании поиска можно найти много много материала для размышления.

Sign In

Не Получается Сделать Нормано Подвал

Question

hugomen

Link to comment

Share on other sites

3 answers to this question

Recommended Posts

Victor Ananiev

Link to comment

Share on other sites

hugomen

Link to comment

Share on other sites

Azadi

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information