Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #11 (permalink)  
Старый 20.07.2012, 20:03
Аватар для bes
bes bes вне форума
Профессор
Отправить личное сообщение для bes Посмотреть профиль Найти все сообщения от bes
 
Регистрация: 22.03.2012
Сообщений: 3,744

Какие стили у div id="b01"?

Если не хотите, чтобы это поле всё время оставалось на экране, а было только в конце, а основной блок содержимого не с position:absolute, то просто помещайте этот блок сразу после основного блока с нужной width (position: static или relative).

Если же оба с position: absolute, то, думаю, без скрипта не обойтись, если высота первого блока зависит от содержимого.

<style>
  body {
    margin: 0px;
  }
  #div1 {
    position: absolute;
    left: 0px; 
    top: 0px;
    width: 100%;
    background: lightgrey;
  }
  #div2 {
    position: absolute;
    width: 100%;
    height: 38px;
    background: gray;
    left: 0px; 
    top: 0px;
  }
</style>

<div id="div1"></div>
<div id="div2"></div>

<script>
window.onload = function () {
  var div1 = document.getElementById('div1');
  var div2 = document.getElementById('div2');

  var str = ''
  for (var i = 0; i <= 50; i++) {
    str += i + '<br>';
  }
  div1.innerHTML = str;

  function f() {
    div2.style.top = div1.scrollHeight;
  }

  f();

  window.onresize = function () {
    f();
  }
 
}
</script>

Последний раз редактировалось bes, 20.07.2012 в 20:54.
Ответить с цитированием
  #12 (permalink)  
Старый 21.07.2012, 02:13
Интересующийся
Отправить личное сообщение для vadim90k Посмотреть профиль Найти все сообщения от vadim90k
 
Регистрация: 07.07.2012
Сообщений: 28

Вот весь код странички не могли бы вы дописать или подправить так как я хочу? Вот как тут что бы было такое поле всегда внизу страницы http://s018.radikal.ru/i503/1207/da/e5feb2300e6f.jpg

b01 без стиля

ВОТ КОД html:
<html>
<head>
<title>Кулаков Вадим (стена)</title>
<style type="text/css">
body {background-color: #ffffff;}
</style>
</head>
<body>
<link rel="shortcut icon" href="files/vk.ico">
<link rel="stylesheet" href="files/style.css">
<!-- Начало кода-->
<script type="text/javascript" src="http://userapi.com/js/api/openapi.js?50"></script>
<script type="text/javascript">
VK.init({apiId: 3041606, onlyWidgets: true});
</script>
<script type="text/javascript">
VK.Widgets.Like("b01", {type: "full", height: 22});
VK.Widgets.Comments("b02", {limit: 10, width: "600", attach: "*"});
</script>
<!-- Конец кода-->
<div id="b01"></div>
<div id="b02"></div>
</body>
</html>

ВОТ КОД css:
#b02 {top: 100px; width: 600px; position: absolute; left: 50%; margin-left: -300px;}

Последний раз редактировалось vadim90k, 21.07.2012 в 02:16.
Ответить с цитированием
  #13 (permalink)  
Старый 21.07.2012, 05:48
без статуса
Отправить личное сообщение для Deff Посмотреть профиль Найти все сообщения от Deff
 
Регистрация: 25.05.2012
Сообщений: 8,219

vadim90k, вставьте после
Цитата:
<div id="b01"></div>
<div id="b02"></div>

<img src="http://s1.uploads.ru/i/4IxHU.png" style="top:100%;width:101%;height:23px;margin:0 -8px;position:absolute;z-index:1000;"/>

Последний раз редактировалось Deff, 21.07.2012 в 06:11.
Ответить с цитированием
  #14 (permalink)  
Старый 21.07.2012, 10:36
Интересующийся
Отправить личное сообщение для vadim90k Посмотреть профиль Найти все сообщения от vadim90k
 
Регистрация: 07.07.2012
Сообщений: 28

И вот что получилось http://s42.radikal.ru/i098/1207/57/711e557dcead.jpg
Мда уж...
Ответить с цитированием
  #15 (permalink)  
Старый 21.07.2012, 12:08
Аватар для bes
bes bes вне форума
Профессор
Отправить личное сообщение для bes Посмотреть профиль Найти все сообщения от bes
 
Регистрация: 22.03.2012
Сообщений: 3,744

vadim90k, судя по ответам, вам в раздел Работа.
Ответить с цитированием
  #16 (permalink)  
Старый 21.07.2012, 12:44
без статуса
Отправить личное сообщение для Deff Посмотреть профиль Найти все сообщения от Deff
 
Регистрация: 25.05.2012
Сообщений: 8,219

vadim90k,
Замените стилевой файл <link rel="stylesheet" href="files/style.css">

html, body { 
  margin: 0px;
  padding: 0px;
}
html { 
  background: url("http://s1.uploads.ru/i/4IxHU.png") 50% 100% repeat-x #FFF;
  padding-bottom: 23px;
}
#b02 {
   width: 600px; 
   margin:0 auto;
   padding: 23px;
}
Ответить с цитированием
  #17 (permalink)  
Старый 21.07.2012, 12:56
Аватар для bes
bes bes вне форума
Профессор
Отправить личное сообщение для bes Посмотреть профиль Найти все сообщения от bes
 
Регистрация: 22.03.2012
Сообщений: 3,744

Deff, человек по ходу пытается фишинговый сайт сделать
Ответить с цитированием
  #18 (permalink)  
Старый 21.07.2012, 13:11
без статуса
Отправить личное сообщение для Deff Посмотреть профиль Найти все сообщения от Deff
 
Регистрация: 25.05.2012
Сообщений: 8,219

bes,
я не знаю чо такое... и ксать там вряд ли из контакта чужое утащить можно - попробуй вставить АPI скрипт на не задекларированный домен // VK.init({apiId: 3041606, onlyWidgets: true});
Ответить с цитированием
  #19 (permalink)  
Старый 21.07.2012, 13:20
Аватар для bes
bes bes вне форума
Профессор
Отправить личное сообщение для bes Посмотреть профиль Найти все сообщения от bes
 
Регистрация: 22.03.2012
Сообщений: 3,744

У меня антивирус вроде справляется при переходах на ложносайты, а захожу всегда по прямому адресу, а не с других ресурсов.
А так обычно воруют пароли доверчивых (не знающих) пользователей, которые сами же оставляют свои логин и пароль на ложноресурсах.
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Как задать изменение src при прокрутке chandler Элементы интерфейса 3 12.01.2012 01:23
Как узнать какой скрипт вызывается при клике по эленету (если это прямо не прописано) Dmitriy Komar Events/DOM/Window 4 08.12.2011 17:21
При выборе в select выдает число. Как сделать? где почитать? Bakstor Общие вопросы Javascript 5 21.11.2011 15:35
Как узнать какие ошибки произошли при парсинге xml файла faunder Events/DOM/Window 0 12.09.2008 14:17
Подскажите как при помощи JS hta в трею свернуть kimboo Общие вопросы Javascript 4 11.07.2008 16:00