VPF::height:100%;overflow:auto - Форум программистов

Elfet

Дата 19.3.2006, 22:40 (ссылка)

(нет голосов)

Загрузка ...

Белый и Пушистый

Профиль
Группа: Awaiting Authorisation
Сообщений: 3776
Регистрация: 2.4.2003

Репутация: нет
Всего: 16

У кого-нибудь есть скрипт для имитации фреймов на одной странице? Что бы работало в Firefox?

--------------------

PHP Чат Скрипт

Ciber SLasH

Дата 19.3.2006, 23:40 (ссылка)

(нет голосов)

Загрузка ...

Эксперт

Профиль
Группа: Участник Клуба
Сообщений: 1813
Регистрация: 9.11.2004
Где: С.-Петербург

Репутация: 24
Всего: 67

А причём тут JS ?
Выстави стиль DIV-у style='overflow: auto', а загрузку данных в эти DIV-ы можно сделать:
а) через PHP
б) через SSI
в) через XmlHttpRequest

Elfet

Дата 19.3.2006, 23:53 (ссылка)

(нет голосов)

Загрузка ...

Белый и Пушистый

Профиль
Группа: Awaiting Authorisation
Сообщений: 3776
Регистрация: 2.4.2003

Репутация: нет
Всего: 16

style='overflow:auto' - так работает
а вот так в Лисе не работает: style='overflow: auto; heigth:100%' smile

--------------------

PHP Чат Скрипт

Sardar

Дата 20.3.2006, 01:34 (ссылка)

(нет голосов)

Загрузка ...

Бегун

Профиль
Группа: Модератор
Сообщений: 6986
Регистрация: 19.4.2002
Где: Нидерланды, Groni ngen

Репутация: 78
Всего: 317

Elfet, в названии топа вижу ответ. О каком скрипте речь, если это всё в вёрстку? И вообще привыкните фиксить косяки вёрстки вёрсткой, а не скриптами smile

Добавлено @ 01:35

Цитата(Elfet @ 19.3.2006, 22:53

)

а вот так в Лисе не работает: style='overflow: auto; heigth:100%

Смотря где smile

Выкладывай полную вёрстку, лучше линком.

--------------------

Опыт - сын ошибок трудных © А. С. Пушкин
Процесс написания своего велосипеда повышает профессиональный уровень программиста. © Opik
Оценить мои качества можно тут.

Elfet

Дата 20.3.2006, 15:36 (ссылка)

(нет голосов)

Загрузка ...

Белый и Пушистый

Профиль
Группа: Awaiting Authorisation
Сообщений: 3776
Регистрация: 2.4.2003

Репутация: нет
Всего: 16

Ок

У меня в чате smile

http://mellon.ru/index.php?act=chat - login\pas www\www В ие и опере сообщения отображаються как в фрейме, в лисе, нет - поэтому у меня форма и расположеннавверху страницы чата

--------------------

PHP Чат Скрипт

Elfet

Дата 22.3.2006, 14:25 (ссылка)

(нет голосов)

Загрузка ...

Белый и Пушистый

Профиль
Группа: Awaiting Authorisation
Сообщений: 3776
Регистрация: 2.4.2003

Репутация: нет
Всего: 16

Может кто-нибудь поделиться скриптом для имитирования heigth:100% при изменении размеров окна? heigth:800 - как виксированного

--------------------

PHP Чат Скрипт

Ciber SLasH

Дата 23.3.2006, 07:30 (ссылка)

(нет голосов)

Загрузка ...

Эксперт

Профиль
Группа: Участник Клуба
Сообщений: 1813
Регистрация: 9.11.2004
Где: С.-Петербург

Репутация: 24
Всего: 67

Цитата(Elfet @ 22.3.2006, 14:25

)

Не понял о чём это ты?
Поставь элементу фиксированный размер и он не будет ресайзиться.

December

Дата 23.3.2006, 15:58 (ссылка)

(нет голосов)

Загрузка ...

Antitheorist

Профиль
Группа: Участник
Сообщений: 4423
Регистрация: 14.8.2002
Где: Харьков

Репутация: нет
Всего: 57

Elfet, а чем тебе не нравится моё решение?
http://forum.vingrad.ru/index.php?showtopic=84461&st=15
Если в нём есть баги, то расскажи - интересно узнать smile

Цитата(Sardar @ 20.3.2006, 01:34

)

И вообще привыкните фиксить косяки вёрстки вёрсткой, а не скриптам

Sardar, теоретически совет классный, а практически... Я так понимаю, этот тред родственен другому:
http://forum.vingrad.ru/index.php?showtopic=84461
Никто ещё не дал вразумительного ответа. Можешь исправить ситуацию? smile

--------------------

Для друзей с винграда - скидки на разработку сайтов

Elfet

Дата 23.3.2006, 19:48 (ссылка)

(нет голосов)

Загрузка ...

Белый и Пушистый

Профиль
Группа: Awaiting Authorisation
Сообщений: 3776
Регистрация: 2.4.2003

Репутация: нет
Всего: 16

December, а! точно! smile

) Я смотрел, тольке не понял как он работает и как им пользоваться smile

Можешь объяснить, пожалуйста? smile

--------------------

PHP Чат Скрипт

December

Дата 24.3.2006, 13:22 (ссылка)

(нет голосов)

Загрузка ...

Antitheorist

Профиль
Группа: Участник
Сообщений: 4423
Регистрация: 14.8.2002
Где: Харьков

Репутация: нет
Всего: 57

Elfet,
Как попаду на работу (сегодня или в понедельник) - дам полный код странички, готовой к употреблению smile

Работает оно по принципу отслеживания onResize у body и вычисления необходимых координат для дива с контентом.

--------------------

Для друзей с винграда - скидки на разработку сайтов

Elfet

Дата 24.3.2006, 16:18 (ссылка)

(нет голосов)

Загрузка ...

Белый и Пушистый

Профиль
Группа: Awaiting Authorisation
Сообщений: 3776
Регистрация: 2.4.2003

Репутация: нет
Всего: 16

December
Ок! Спасибо! smile

--------------------

PHP Чат Скрипт

December

Дата 27.3.2006, 11:48 (ссылка)

(нет голосов)

Загрузка ...

Antitheorist

Профиль
Группа: Участник
Сообщений: 4423
Регистрация: 14.8.2002
Где: Харьков

Репутация: нет
Всего: 57

Собсна, вот. Критика и конструктивные предложения приветствуются.

Код


<!doctype html public "-//w3c//dtd html 4.0 Transitional//en">
<html>
<head>
  <title>HTML Page Style and Template</title>

<style>
body {
  overflow: hidden; 
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  background: #ffffff; 
  color: #000000;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 70%;
  width: 100%;
  }
p
    {
    margin: .5em 0em .5em 0em;
    }
ol, ul
    {
    margin-top: .5em; 
    }
li
    {
    margin-bottom: .5em;
    }
ul p, ol p, dl p
    {
    margin-left: 0em;
    }
blockquote.dxOverload
    {
    margin: .5em 1.5em .5em 1.5em;
    }
h1, h2, h3, h4
    {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    margin-bottom: .4em; 
    margin-top: 1em;
    font-weight: bold;
    }
h1
    {
    font-size: 120%;
    margin-top: 0em;
    }
h2
    {
    font-size: 130%;
    }
h3
    {
    font-size: 115%;
    }
h4
    {
    font-size: 100%;
    }
.dxH1, .dxH2, .dxH3, .dxH4
    {
    margin-left: -18px;    
    }
A
  {
  color: #0000FF;
  }
A:link
  {
  color: #0000FF;
  }
A:active
  {
  color: #000080;
  }
A:visited
  {
  color: #800080;
  }
A:hover
  {
  color: #FF0000;
  }
pre
  {
  font-family: Courier New;
  font-size: 9pt;
  color: #000060;
  margin-top: 0px;
  }
code, p.example, p.sourcecode, table.sourcecode, tr.sourcecode, td.sourcecode
  {
  font-family: Courier New;
  font-size: 9pt;
  color: #000060;
  }
div#pagetop {
  margin: 0px;
  padding: 0px;
  background-color: #99ccff;   
  height: 44;
  width: 100%;
  border-bottom: 1px solid #999999;
  }
div#pagebody {
  margin: 0px 0px 0px 0px;
  padding: 5px 10px 0px 22px;
  height: 100px;
  width: 100%;
  overflow: auto;
  background-color: #FFFFFF;
  vertical-align: top;
  }
table#BannerTable
  {
  width: 100%;
  height: 100%;
  border-collapse:collapse;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  }
table#BannerTable td
  {
  padding-left: 8px;
  padding-right: 8px;
  }
tr#BannerTopRow
  {
  font-style: italic;
  font-size: 70%;
  }
tr#Banner2ndRow
  {
  font-weight: bold;
  font-size: 80%;
  }
table.filtereditemlisttable, table.xmldoctable
    {
    width: 95%; 
    margin-top: .6em;
    margin-bottom: .3em;
    border-width: 1px 1px 0px 0px;
    border-style: solid;
    border-color: #999999;
    background-color: #999999; 
    font-size: 100%;
  border-collapse:collapse;
    }
table.filtereditemlisttable th, table.filtereditemlisttable td, table.xmldoctable th, table.xmldoctable td
    { 
    border-style: solid; 
    border-width: 0px 0px 1px 1px;
    border-style: solid;
    border-color: #999999;
    padding: 4px 6px;
    text-align: left;
    vertical-align: top;
    }
table.filtereditemlisttable th, table.xmldoctable th
    { 
    background: #cccccc; 
    vertical-align: bottom;
    }
table.filtereditemlisttable td, table.xmldoctable td
    {
    background-color: #ffffff;
    vertical-align: top;
    }
</style>

<script>

var Engine;
var enOpera = 'Opera';
var enIE = 'IE';
var enGecko = 'Gecko';

function TestEngine()
{
  if (document.all) {
    if (window.opera) {
      Engine = enOpera;
    }
    else {
      Engine = enIE;
    }
  }
  else {
    Engine = enGecko;
  }
}


function AdjustContentSize()
{
  var cDiv = document.getElementById("pagebody");
  if (Engine == enGecko)//amend padding
    {
      var w = document.body.clientWidth;
      cDiv.style.width = w - 32;
    }
  var h = document.body.clientHeight;
  var diff = 44;
  if (Engine == enGecko) diff = diff + 6;
  cDiv.style.height = h - diff;
}


function Startup()
{
  //add startup code here
}
</script>

</head>


<body onresize="AdjustContentSize()" onload="Startup()">

<div id="pagetop">
  <table id="BannerTable">
    <tr id="BannerTopRow">
      <td>Core Lab Styles and Guidelines</td>
      <td align="right">[email protected]</td>
    </tr>
    <tr id="Banner2ndRow">
      <td>HTML Page Style and Template</td>
      <td>&nbsp;</td>
    </tr>
  </table>
</div>

<div id="pagebody">
<!-- begin content -->
<p>
This file can be used as template for developing MSDN-style documents. It contains 
embedded cascading style sheets and javascript that make it cross-browser and give 
it look and feel like any other Core Lab HTML documentation. If you have any questions 
or suggestions regarding this template please use StarTeam or e-mail in the banner 
above to contact the author.
</p>

<h4 class="dxH4">Compatibility</h4>

<p>
The template is generally compatible with all major Windows browsers. 
It was tested with:</p>
<ul>
  <li>Opera 8.5</li>
  <li>FireFox 1.0.3 and 1.5.0.1</li>
  <li>IE 6.0</li>
</ul>

<h4 class="dxH4">Key Features</h4>

<p>
The following list briefly enumerates primary goals this document was developed for:
</p>

<ol>
  <li>Cross-browser code<br>
    It looks and behaves same way within all major Windows browsers.
  </li>
  <li>W3C compatibility<br>
    Validators find no errors checking this document, and future versions are not 
    supposed to. Practices demonstrated here can be used in other documents or web 
    pages without additional double-check process.
  </li>
  <li>MSDN-style appearance<br>
    This code imitates MSDN reference structure, that is, a constantly positioned banner 
    and scrollable text area.
  </li>
  <li>Style template<br>
    This document should be treated as model pattern when styling new documentation.
  </li>
  <li>Minimal size<br>
    The document contains almost no redundant code, the stylesheets and scripts can be 
    embedded into multiple pages with minimal size overhead.
  </li>
</ol>

<h4 class="dxH4">Known Problems</h4>

<p>The following table incorporates known problems and "<b>To do</b>" list.</p>

<table cellspacing="0" class="xmldoctable">

<tr valign="top">
<th width=30%>Problem</th>
<th width=70%>Description</th>
</tr>

<tr valign="top">
  <td>Language filtering not supported</td>
  <td>
    As well as other additional interactive features like "See Also" popup.
  </td>
</tr>

<tr valign="top">
  <td>Limited downscroll on space</td>
  <td>
    In Opera and FireFox users have to click on the document before they can use 
    <i>Space</i> or <i>PageDown</i> keys to scroll the content one page down.
  </td>
</tr>

<tr valign="top">
  <td>Script to collapse sections</td>
  <td>
    Together with the MSDN 2005 gradient bars, "<i>Copy to clipboard</i>" scripts and 
    other stuff - this all probably has to wait for the next version of HTML style, 
    or even separate edition.
  </td>
</tr>
</table>

<h4 class="dxh4">See Also</h4>

<p>
<a href="javascript:alert('Please contact technical writers to obtain this manual.');">MS Man of Style for Technical Publications</a>
&nbsp;|&nbsp;<a href="HTMLCodingStyle.html">HTML Coding Style</a>
</p>


<!-- end content -->

<p>&nbsp;</p><p>&nbsp;</p><hr size=1>
<p>&copy; 2002-2006 Core Lab. All rights reserved.</p>

</div>

<script>
TestEngine();
AdjustContentSize();
</script>
</body>
</html>

--------------------

Для друзей с винграда - скидки на разработку сайтов

0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| JavaScript: Общие вопросы \| Следующая тема »