При увеличении правого столбца, подвал не падает

Воитель · August 7, 2011

Вот код страницы:


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns:vml="urn:schemas-microsoft-com:vml">
<!-- Для Яедекс карты -->
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<META name="description" content="<? echo $p_n_s[description][1]; ?>">
<META name="keywords" content="<? echo $p_n_s[keywords][1]; ?>">
<title><? echo $p_n_s[title][1]; ?></title>
<link rel="stylesheet" type="text/css" href="sostav/style.css" />
<link rel="shortcut icon" href="glavdising/favicon.ico" />
<link rel="stylesheet" href="./sostav/lightbox_2_04/css/lightbox.css" type="text/css" media="screen" />
</head>
<body>
<div align="center" style="width:100%">
  <div style="height:481px; width:100%; background-image:url(glavdising/shapka.jpg); background-position:center; background-repeat:no-repeat;"></div>
  <div style="position:absolute; top:150px; left:10%; width:200px; background-color:#FFFFFF; padding:1px; filter:alpha(opacity=80); opacity:0.8;">
    <div class="d_kn_glavnogo_menu" align="left" style="width:100%; background-color:#000000; filter:alpha(opacity=80); opacity:0.8;">
	  <br />
	  <a href="index.php" class="kn_glavnogo_menu">Главная</a><br /><br />
	  <a href="index.php" class="kn_glavnogo_menu">Продукция</a><br /><br />
	  <a href="index.php" class="kn_glavnogo_menu">Корзина</a><br /><br />
	  <a href="index.php" class="kn_glavnogo_menu">Статьи</a><br /><br />
	</div>
  </div>
  <div style="max-width:1960px; width:100%; margin-bottom:30px">
    <div style="width:100%;">
      <div align="left" style="padding: 0 10%;">
        <div style="width:100px; float:right;">
			  <a href="index.php" class="kn_glavnogo_menu">Главная</a><br /><br />
			  <a href="index.php" class="kn_glavnogo_menu">Продукция</a><br /><br />
			  <a href="index.php" class="kn_glavnogo_menu">Корзина</a><br /><br />
			  <a href="index.php" class="kn_glavnogo_menu">Статьи</a><br /><br />
		</div>
        <div style="margin-right:100px">
          <div style="text-align:justify; margin-right:50px">Компания ООО «Атрикс» является производителем игрового оборудования для детских площадок, турников и лазелок для спортивных площадок, а также занимается изготовлением малых архитектурных форм: заборов, лавочек, урн и т.п. Если вам нужно что-то из этих товаров, смело обращайтесь к нам.
            Мы предоставим все, что необходимо для обустройства площадки для детей: качалки на пружине, качалки-балансиры, горки, карусели, песочницы, паровозики и кораблики, а также игровые комплексы, включающие в себя несколько элементов и приспособленные для игр группы ребятишек одновременно.
          </div>
        </div>
	  <!-- <div style="text-align:justify; width:100%"></div> -->
	  </div>
    </div>
  </div>
  <div style="width:100%; height:0px; padding-bottom:712px"></div>
  <div style="height:712px; width:100%; position:absolute; bottom:0px; background-image:url(glavdising/podval.jpg); background-position:center; background-repeat:no-repeat;">
    <div id="tovari_v_nizu_stranici">
      <table border="0" width="100%">
        <tr id="tr_randomnie_tovari">
          <td align="center"><div class="d_ramka_randomnih_kartinok"><img class="img_kartinka_randomnih_kartinok" src="glavdising/240q.jpeg" alt="рамка для товара" /></div></td>
          <td align="center"><div class="d_ramka_randomnih_kartinok"><img class="img_kartinka_randomnih_kartinok" src="glavdising/242w.jpeg" alt="рамка для товара" /></div></td>
          <td align="center"><img src="glavdising/ramka_tovara.jpg" alt="рамка для товара" /></td>
        </tr>
      </table>
    </div>
  </div>
  <div align="left" style="height:42px; position:absolute; bottom:0px; left:15px">
    Copyright © 2009-2012, «Три Колеса»<br />
	Все права защищены<br />
	Полное или частичное копирование материалов запрещено,<br />
	при согласованном использовании материалов сайта необходима ссылка на ресурс. 
  </div>
</div>
<script>
var kolvo_randomnih_kartinok = getCookie("kolvo_randomnih_kartinok");

if (kolvo_randomnih_kartinok === null) {

	var mas_randomnih_kartinok = new Array ("./glavdising/240q.jpeg","./glavdising/233q.jpeg","./glavdising/240q.jpeg");

	var shirina_ikrana = screen.width;
	//shirina_ikrana = 2400;
	kolvo_randomnih_kartinok = Math.floor(shirina_ikrana / 360);
	dobavit_randomnih_kartinok = kolvo_randomnih_kartinok - 3; //Три картинки уже выведены на экран
	alert(dobavit_randomnih_kartinok);
	for (i=0; i<dobavit_randomnih_kartinok; i++) {
		document.getElementById("tr_randomnie_tovari").innerHTML += '<td align="center"><div class="d_ramka_randomnih_kartinok"><img class="img_kartinka_randomnih_kartinok" src="' + mas_randomnih_kartinok[i] + '" alt="рамка для товара" /></div></td>';
	}
	setcookie("kolvo_randomnih_kartinok", kolvo_randomnih_kartinok); //Создание куки
}


//—————Получение куки———————————————————--	
	function getCookie(name) { // name - имя считываемого cookie
		var prefix = name + "="
		var cookieStartIndex = document.cookie.indexOf(prefix)
		if (cookieStartIndex == -1)
		return null
		var cookieEndIndex = document.cookie.indexOf
		(";", cookieStartIndex + prefix.length)
		if (cookieEndIndex == -1)
		cookieEndIndex = document.cookie.length
		return unescape(document.cookie.substring
		(cookieStartIndex + prefix.length, cookieEndIndex))
	}
//—————Конец Получение куки—————————————————--
//————————-Создание куки——————————————————-
function setcookie(name, value, expires, path, domain, secure) {	
	expires instanceof Date ? expires = expires.toGMTString() : typeof(expires) == 'number' && (expires = (new Date(+(new Date) + expires * 1e3)).toGMTString());
	var r = [name + "=" + escape(value)], s, i;
	for(i in s = {expires: expires, path: path, domain: domain}){
		s[i] && r.push(i + "=" + s[i]);
	}
	return secure && r.push("secure"), document.cookie = r.join(";"), true;
}
//————————-Конец Создание куки————————————————-
</script>

</body>
</html>

Вот не большой CSS


@charset "utf-8";
/* CSS Document */
* { margin:0px; padding:0px; }
html { height:100%; }

body { min-height:100%; position:relative; min-width:1000px; font-family: Helvetica, sans-serif; font-size:14px; background-color:#0e0e10; color:#f0f0f0;  }
* html body { height:100%; }

A { text-decoration: none; color:#FFFFFF;; } 
A:visited { color:#FFFFFF; }  /* visited должно быть после hover */
A:hover { color:#fff000; }

img {border:hidden; }

.kn_glavnogo_menu {
	font-size:14px;
	font-weight:700;
	padding-left:15px;

}

.d_kn_glavnogo_menu A { text-decoration: none; color:#FFFFFF; } 
.d_kn_glavnogo_menu A:visited { color:#FFFFFF; }  /* visited должно быть после hover */
.d_kn_glavnogo_menu A:hover { color:#fff000; }

.d_ramka_randomnih_kartinok {
	background-image:url(../glavdising/ramka_tovara.jpg);
	background-repeat:no-repeat;
	height:241px;
	width:308px;
}
.img_kartinka_randomnih_kartinok {
	padding-top:24px;
	width:258px;
	height:194px;
}

У меня уже нервы на приделе. Почему при увеличении правого столбика, подвал не опускается, так как при увеличении контента.

Non Stop · August 7, 2011

У тебя правый блок плавает и подвал его не учитывает.

Тут overfow:hidden;

Воитель · August 7, 2011

Огромное спасибо.

Sign In

При увеличении правого столбца, подвал не падает

Question

Воитель

Link to comment

Share on other sites

2 answers to this question

Recommended Posts

Non Stop

Link to comment

Share on other sites

Воитель

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information