Jump to content
  • 0

Опустить колонки до футера, а футер до низа


vo4tap
 Share

Question

Уважаемые, столкнулся с проблемой...

Не могу опустить футер до низа браузера и не могу опустить обе колонки до футера...

надеюсь ктото поможет =)

<! DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>vo4tap.info</title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" charset="windows-1251" />
<meta name="Keywords" content="Кодовые, слова, через, запятую" />
<meta name="Description" content="Описание страницы и что за херня на ней" />
<link href="style.css" type="text/css" rel="stylesheet">
<style>
* {padding: 0; margin: 0;}
html {height: 100%; min-width: 700px;}
body {background-color: #121212; margin:0; padding:0; min-height: 100%; height: 100%; min-width: 700px; }
body p {font-family: Tahoma; font-size: 12px; color: #c5c5c5;}
body img {border:0; }
ul {list-style-image:url(img/style-image.gif); padding:0px 10px 0px 20px;}
li {font-family: Tahoma; font-size: 12px; color: #c5c5c5; padding:0;}
#block {position:absolute; left:50%; width:700px; margin-left:-350px; height: auto; min-height: 700px; min-width: 700px;}
#header {width:700px;}
#left {width:200px; float:left; background-image:url(img/bg_left.gif); background-repeat:repeat-y; }
#content {width:500px; float:left; background-image:url(img/right_border.gif); background-position:right;
background-repeat:repeat-y;background-color:#191919; }
#footer {width:700px; height:45px; clear:both; background-image:url(img/footer.gif);}
#footer img {padding: 7px 0px 7px 15px; opacity: 0.1; }
#footer img:hover {opacity: 1.0;}
a:link {color: #3cdf06; text-decoration: none;}
a:visited { color: #3cdf06; text-decoration: none;}
a:hover {color: #b6fc9f; text-decoration: underline;}
.title {font-size: 14px; font-weight: bold;}
.green_title { height:24px; width:200px; background-image:url(img/green_line.gif); background-repeat:no-repeat;}
.green_title p {margin:10px 0px 6px 25px; color: #a5c59d; font-size: 12px; font-weight: bold;}

</style>
</head>
<body>
<div id="block">
<div id="header"><a href="http://vo4tap.asechka.ru/vo4/"><img src="img/header.gif" alt="Картинка шапки"></a></div>
<div id="left"><img src="img/utilits.gif" alt="Утилиты" width="200" height="52">
<ul>
<li><a href="#">Первый элемент</a></li>
<li><a href="#">Текст</a></li>
<li><a href="#">Первый элемент</a></li>
<li><a href="#">второй элемент</a></li>
<li><a href="#">Первый элемент</a></li>
</ul>
<div class="green_title"><p>Заголовочек</p></div>
<ul>
<li><a href="#">Первый элемент</a></li>
<li><a href="#">второй элемент</a></li>
<li><a href="#">Первый элемент</a></li>
<li><a href="#">второй элемент</a></li>
<li><a href="#">Первый элемент</a></li>
</ul>
</div>
<div id="content"><img src="img/knops.gif" alt="Кнопки" width="500" height="25">
<p><span class="title">ЗаголовОК очень ОК</span><br>

<a href="#">Текст Текст Текст Текст Текст</a> Текст Текст Текст Текст Текст
Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст
Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст
Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст
Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст
Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст
Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст
Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст
Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст
Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст
Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст
Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст
Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст
Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст
Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст
Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст
Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст
Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст
Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст
Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст
Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст
Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст
Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст
Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст
Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст
Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст</p>

</div>

<div id="footer">
<img src="http://pic.ipicture.ru/uploads/090430/DxMSRB10S7.gif">
<img src="http://pic.ipicture.ru/uploads/090430/DxMSRB10S7.gif">
<img src="http://pic.ipicture.ru/uploads/090430/DxMSRB10S7.gif">
<img src="http://pic.ipicture.ru/uploads/090430/DxMSRB10S7.gif">
<img src="http://pic.ipicture.ru/uploads/090430/DxMSRB10S7.gif">
</div>
</div>
</body>
</html>

Edited by vo4tap
Link to comment
Share on other sites

5 answers to this question

Recommended Posts

  • 0

<! DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>vo4tap.info</title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" charset="windows-1251" />
<meta name="Keywords" content="Кодовые, слова, через, запятую" />
<meta name="Description" content="Описание страницы и что за херня на ней" />
<link href="style.css" type="text/css" rel="stylesheet">
<style>
* {padding: 0; margin: 0;}
html {height: 100%; min-width: 700px;}
body {background-color: #121212; margin:0; padding:0; min-height: 100%; height: 100%; min-width: 700px; }
body p {font-family: Tahoma; font-size: 12px; color: #c5c5c5;}
body img {border:0; }
ul {list-style-image:url(img/style-image.gif); padding:0px 10px 0px 20px;}
li {font-family: Tahoma; font-size: 12px; color: #c5c5c5; padding:0;}
#block {position:absolute; left:50%; width:700px; margin-left:-350px; height: auto; min-height: 100%; min-width: 700px;
background-image:url(img/bg_block.gif); background-repeat:repeat-y}
#header {width:700px;}
#left {width:200px; float:left; background-image:url(img/bg_left.gif); background-repeat:repeat-y; padding-bottom:45px; }
#content {width:500px; float:left; background-image:url(img/right_border.gif); background-position:right;
background-repeat:repeat-y; background-color:#191919; padding-bottom:45px; }
#footer {position:absolute; bottom:0; width:700px; height:45px; background-image:url(img/footer.gif);}
#footer img {padding: 7px 0px 7px 15px; opacity: 0.1; }
#footer img:hover {opacity: 1.0;}
a:link {color: #3cdf06; text-decoration: none;}
a:visited { color: #3cdf06; text-decoration: none;}
a:hover {color: #b6fc9f; text-decoration: underline;}
.title {font-size: 14px; font-weight: bold;}
.green_title { height:24px; width:200px; background-image:url(img/green_line.gif); background-repeat:no-repeat;}
.green_title p {margin:10px 0px 6px 25px; color: #a5c59d; font-size: 12px; font-weight: bold;}

</style>
</head>
<body>
<div id="block">
<div id="header"><a href="http://vo4tap.asechka.ru/vo4/"><img src="img/header.gif" alt="Картинка шапки"></a></div>
<div id="left"><img src="img/utilits.gif" alt="Утилиты" width="200" height="52">
<ul>
<li><a href="#">Первый элемент</a></li>
<li><a href="#">Текст</a></li>
<li><a href="#">Первый элемент</a></li>
<li><a href="#">второй элемент</a></li>
<li><a href="#">Первый элемент</a></li>
</ul>
<div class="green_title"><p>Заголовочек</p></div>
<ul>
<li><a href="#">Первый элемент</a></li>
<li><a href="#">второй элемент</a></li>
<li><a href="#">Первый элемент</a></li>
<li><a href="#">второй элемент</a></li>
<li><a href="#">Первый элемент</a></li>
</ul>
</div>
<div id="content"><img src="img/knops.gif" alt="Кнопки" width="500" height="25">
<p>
<span class="title">ЗаголовОК очень ОК
</span>
<br>
<a href="#">Текст Текст Текст Текст Текст
</a>
Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст
Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст
Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст
Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст
Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст
Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст
Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст
Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст
Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст
Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст
Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст
Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст
Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст
Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Тексn
</p>
</div>
<div id="footer">
<img src="http://pic.ipicture.ru/uploads/090430/DxMSRB10S7.gif">
<img src="http://pic.ipicture.ru/uploads/090430/DxMSRB10S7.gif">
<img src="http://pic.ipicture.ru/uploads/090430/DxMSRB10S7.gif">
<img src="http://pic.ipicture.ru/uploads/090430/DxMSRB10S7.gif">
<img src="http://pic.ipicture.ru/uploads/090430/DxMSRB10S7.gif">
</div>
</div>
</body>
</html>

Сделал все, как сказано, большое спасибо, получилось, но вот ФФ и опера в норме, а IE как всегда, мать его =(((

Edited by vo4tap
Link to comment
Share on other sites

  • 0

Кто нибудь подскажет как быть с IE?

<! DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>vo4tap.info</title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" charset="windows-1251" />
<link href="style.css" type="text/css" rel="stylesheet">
<META Name= Author content="vo4tap">
<META Name="Description" content= "vo4tap's blog">
<META Name="Document-state" content ="Dynamic">
<META Name="Keywords" content="vo4tap, blog, life, блог, вочтап, почтампт, почтамт, почтамп">
<META Name="Revisit" content="5">
<META name=Robots content="index, follow">
<META Name="URL" content= "http://www.vo4tap.info">
<META HTTP-EQUIV="Content-language" content ="ru">

<style>
* {padding: 0; margin: 0;}
html {height: 100%; min-width: 700px;}
body {background-color: #121212; margin:0; padding:0; min-height: 100%; height: 100%; min-width: 700px; }
body p {font-family: Tahoma; font-size: 12px; color: #c5c5c5;}
body img {border:0; }
#left ul {list-style-image:url(img/style-image.gif); padding:0px 10px 0px 20px;}
#left li {font-family: Tahoma; font-size: 12px; color: #c5c5c5; padding:0;}
#block {position:absolute; left:50%; width:700px; margin-left:-350px; height: auto; min-height: 100%; min-width: 700px; background-image:url(img/bg_block.gif); background-repeat:repeat-y}
#header {width:700px;}
#left {width:200px; float:left; background-image:url(img/bg_left.gif); background-repeat:repeat-y; padding-bottom:45px; }
#content {width:500px; float:left; background-image:url(img/right_border.gif); background-position:right; background-repeat:repeat-y; background-color:#191919; padding: 0px 0px 45px 0px; }
#12 {padding: 15px 15px 45px 15px;}
#footer {text-align:center; position: absolute; bottom:0; width:700px; height:45px; background-image:url(img/footer.gif);}
#footer img {padding: 7px 0px 7px 15px; opacity: 0.1; }
#footer img:hover {opacity: 1.0;}
#gorizont_nav { text-align:center; background-image:url(img/gorizont_bg.gif); background-repeat:repeat-x; height:25px; width:100%;}
#gorizont_nav li {display:inline; font-weight: bold;
}
a:link {color: #3cdf06; text-decoration: none;}
a:visited { color: #3cdf06; text-decoration: none;}
a:hover {color: #b6fc9f; text-decoration: underline;}
.title {font-size: 14px; font-weight: bold;}
.green_title { height:24px; width:200px; background-image:url(img/green_line.gif); background-repeat:no-repeat; padding:0px; margin:0px;}
.green_title p {margin:10px 0px 6px 25px; color: #a5c59d; font-size: 12px; font-weight: bold;}


</style>
</head>
<body>

<!--block-->
<div id="block">

<!--header-->
<div id="header"><a href="http://vo4tap.asechka.ru/vo4/"><img src="img/header.gif" alt="Картинка шапки"></a></div>

<!--left-->
<div id="left"><img src="img/utilits.gif" alt="Утилиты" width="200" height="52">
<ul>
<li><a href="#">Первый элемент</a></li>

<li><a href="#">Текст</a></li>
<li><a href="#">Первый элемент</a></li>
<li><a href="#">второй элемент</a></li>
<li><a href="#">Первый элемент</a></li>
</ul>
<div class="green_title"><p>Заголовочек</p></div>

<ul>
<li><a href="#">Первый элемент</a></li>
<li><a href="#">второй элемент</a></li>
<li><a href="#">Первый элемент</a></li>
<li><a href="#">второй элемент</a></li>
<li><a href="#">Первый элемент</a></li>

</ul>
</div>
<!--left END-->

<!--content-->
<div id="content">

<!--gorizont_nav-->
<div id="gorizont_nav">
<ul>
<li><a href="#">Первый</a></li> |
<li><a href="#">Второй</a></li> |
<li><a href="#">Третий</a></li> |
<li><a href="#">Четвертый</a></li> |
<li><a href="#">Пятый</a></li> |
</ul>

</div>
<!--gorizont_nav END-->

<div id="12">
<p>
<span class="title">ЗаголовОК очень ОК </span>
<br>
<a href="#">Текст Content Text Контент</a>"Билайн", МТС и "Мегафон" 10 апреля совместно запустили по всей стране услугу "Чат", которая позволяет абонентам без ограничений по времени и трафику обмениваться мгновенными сообщениями. Об этом сообщается в пресс-релизах всех трех компаний.
"Билайн", МТС и "Мегафон" 10 апреля совместно запустили по всей стране услугу "Чат", которая позволяет абонентам без ограничений по времени и трафику обмениваться мгновенными сообщениями. Об этом сообщается в пресс-релизах всех трех компаний.
"Билайн", МТС и "Мегафон" 10 апреля совместно запустили по всей стране услугу "Чат", которая позволяет абонентам без ограничений по времени и трафику обмениваться мгновенными сообщениями. Об этом сообщается в пресс-релизах всех трех компаний.
"Билайн", МТС и "Мегафон" 10 апреля совместно запустили по всей стране услугу "Чат", которая позволяет абонентам без ограничений по времени и трафику обмениваться мгновенными сообщениями. Об этом сообщается в пресс-релизах всех трех компаний.
"Билайн", МТС и "Мегафон" 10 апреля совместно запустили по всей стране услугу "Чат", которая позволяет абонентам без ограничений по времени и трафику обмениваться мгновенными сообщениями. Об этом сообщается в пресс-релизах всех трех компаний.
"Билайн", МТС и "Мегафон" 10 апреля совместно запустили по всей стране услугу "Чат", которая позволяет абонентам без ограничений по времени и трафику обмениваться мгновенными сообщениями. Об этом сообщается в пресс-релизах всех трех компаний.
"Билайн", МТС и "Мегафон" 10 апреля совместно запустили по всей стране услугу "Чат", которая позволяет абонентам без ограничений по времени и трафику обмениваться мгновенными сообщениями. Об этом сообщается в пресс-релизах всех трех компаний.
"Билайн", МТС и "Мегафон" 10 апреля совместно запустили по всей стране услугу "Чат", которая позволяет абонентам без ограничений по времени и трафику обмениваться мгновенными сообщениями. Об этом сообщается в пресс-релизах всех трех компаний.
"Билайн", МТС и "Мегафон" 10 апреля совместно запустили по всей стране услугу "Чат", которая позволяет абонентам без ограничений по времени и трафику обмениваться мгновенными сообщениями. Об этом сообщается в пресс-релизах всех трех компаний.
"Билайн", МТС и "Мегафон" 10 апреля совместно запустили по всей стране услугу "Чат", которая позволяет абонентам без ограничений по времени и трафику обмениваться мгновенными сообщениями. Об этом сообщается в пресс-релизах всех трех компаний.</p>

</div>


</div>
<!--content END-->

<!--footer-->
<div id="footer">
<img src="http://pic.ipicture.ru/uploads/090430/DxMSRB10S7.gif">
<img src="http://pic.ipicture.ru/uploads/090430/DxMSRB10S7.gif">
<img src="http://pic.ipicture.ru/uploads/090430/DxMSRB10S7.gif">
<img src="http://pic.ipicture.ru/uploads/090430/DxMSRB10S7.gif">

<img src="http://pic.ipicture.ru/uploads/090430/DxMSRB10S7.gif">
<img src="http://pic.ipicture.ru/uploads/090430/DxMSRB10S7.gif">
</div>
<!--footer END-->

</div>
<!--block END-->
</body>
</html>

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

 Share

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy