Модераторы: Illuminaty
  

Поиск:

Ответ в темуСоздание новой темы Создание опроса
> разметка гибкая, контент как во фрейме 
:(
    Опции темы
bars80080
Дата 18.3.2008, 12:02 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


прапор творюет
****
Награды: 1



Профиль
Группа: Завсегдатай
Сообщений: 12022
Регистрация: 5.12.2007
Где: Königsberg

Репутация: 50
Всего: 315
ну, опять к тем же баранам (вроде ничего полезного не нашёл)

надо вот такую разметку: (см. приатаченный файл)

блоки 1 и 4 жёстко фиксированы (высота 40пк, ширина во всю страницу)
3й блок есть контентная область, занимает всё место, за исключением места под 1, 2, 3 блоки
контента в ней может быть мало, а может быть много, если много должны появлять прокрутки (и вертикальная и горизонтальная)
при прокрутке 1 и 4 блоки должны оставться на месте

по 2 блоку отдельный разговор. если мы тянем за горизонт.прокрутку, то он должен оставться на месте, если за вертикальную, то он должен синхронно прокручиваться (этот вопрос понятное дело решается через js и заёмёмся им позже, просто чтобы вы имели это ввиду)

делаю скажем так:
Код

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml " lang="en" xml:lang="en">
<head>
  <meta http-equiv="Content-type" content="text/html; charset=windows-1251" />
  <meta http-equiv="Content-Language" content="ru-ru" />
<style type="text/css">/*<![CDATA[*/  
* { margin: 0px; padding: 0px; }
body { height: 100%; }
#up { position: absolute; left: 0px; top: 0px; width: 100%; height: 40px; background: #00ffff; }
#down { position: absolute; left: 0px; bottom: 0px;  width: 100%; height: 40px; background: #00ffff; }
#middle { position: relative; width: 100%; height: 100%; background: #ffff99; /*padding: 40px 0px 40px 40px;*/ }
#left { position: absolute; left: 0px; top: 0px; height: 100%; width: 40px; background: #ff9999; padding-top: 40px; }
#con { /*height: 100%;*/ }
/*]]>*/</style>
</head>
<body>
<div id="middle">
<div id="left">left block</div>
<div id="up">1 up block</div>
<div id="down">4 down block</div>
<div id="con">
content </div>
</div>
</body></html>

и тут я впадаю в ступор, а как ограничить блок con, чтоб он сохранял гибкость и в то же время не налазил на другие блоки при переполнении контентом

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

спасибо

п.с. вопрос с js вариантом (всякие функции ресайза) рассматривать не стоит

Присоединённый файл ( Кол-во скачиваний: 15 )
Присоединённый файл  plan.png 1,53 Kb
PM MAIL WWW   Вверх
Itsys
Дата 18.3.2008, 21:49 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Эксперт
***


Профиль
Группа: Завсегдатай
Сообщений: 1338
Регистрация: 21.1.2008
Где: г. Москва

Репутация: 9
Всего: 34
А так:
Код

<table border="1" width="100%" height="100%">
    <tr>
        <td colspan="2">
        <img border="0" src="blanc.gif" width="1" height="40"></td>
    </tr>
    <tr>
        <td height="100%">
        <img border="0" src="blanc.gif" width="40" height="1"></td>
        <td height="100%" width="100%" align="left" valign="top">
        <div style="position: absolute; width: 100%; height: 100%; z-index: 1; overflow: auto">
Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример
Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример
Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример
Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример
Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример
Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример
Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример
</div></td>
    </tr>
    <tr>
        <td colspan="2">
        <img border="0" src="blanc.gif" width="1" height="40"></td>
    </tr>
</table>



Это сообщение отредактировал(а) Itsys - 18.3.2008, 21:50
PM MAIL WWW Skype   Вверх
bars80080
Дата 19.3.2008, 11:04 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


прапор творюет
****
Награды: 1



Профиль
Группа: Завсегдатай
Сообщений: 12022
Регистрация: 5.12.2007
Где: Königsberg

Репутация: 50
Всего: 315
практически зачёт Itsys, в ИЕ6 смотрится всё как надо
Код
<html>
<head>
  <meta http-equiv="Content-type" content="text/html; charset=windows-1251" />
  <meta http-equiv="Content-Language" content="ru-ru" />
<style type="text/css">/*<![CDATA[*/  
* { margin: 0px; padding: 0px; }
body { height: 100%; }
#tpage { width: 100%; height: 100%; border-collapse: collapse; }
#tdup { height: 40px; background: #00ffff; }
#tddw { height: 40px; background: #00ffff; }
#tdlf { height: 100%; width: 40px; background: #ff9999; }
#tdcn { position: relative; /*top: 0px; left: 0px;*/ width: 100%; height: 100%; /*float: left;*/ vertical-align: top; background: #ffff99; }
#con { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 1; overflow: auto; }
/*]]>*/</style>
</head>
<body>
<table id="tpage">
<tr><td id="tdup" colspan="2"></td></tr>
<tr><td id="tdlf"><img border="0" src="blanc.gif" width="40" height="1"></td>
<td id="tdcn"><div id="con">
Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример
Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример
Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример
Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример
Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример
Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример
Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример Пример
</div></td></tr>
<tr><td id="tddw" colspan="2"></td></tr>
</table></body></html>

но теперь возникают ещё два вопроса:
чтоб оно работало и в ФФ с оперой, текст блин всё время расползается по всей странице
как вообще в ФФ загнать его внутрь блока?

и не могу подобрать правильный доктайп,
Код
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
 эти два разрушают разметку

может если подобрать доктайп, ФФ запашет?
PM MAIL WWW   Вверх
Itsys
Дата 19.3.2008, 15:03 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Эксперт
***


Профиль
Группа: Завсегдатай
Сообщений: 1338
Регистрация: 21.1.2008
Где: г. Москва

Репутация: 9
Всего: 34
В том то и проблема....  smile 

Насколько я понимаю width: 100%; height: 100%; для diva каждый браузер интерпретитует по своему, попробуй укзать не относительные размеры, а абсолютные в px.

ЗЫ Сам проверить сейчас не могу, но попробую посмотреть сегодня вечером.
PM MAIL WWW Skype   Вверх
bars80080
Дата 19.3.2008, 15:12 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


прапор творюет
****
Награды: 1



Профиль
Группа: Завсегдатай
Сообщений: 12022
Регистрация: 5.12.2007
Где: Königsberg

Репутация: 50
Всего: 315
абсолютные всё же не пойдут, разрешение и ресайз вызовут появление скроллинга на основном окне, а не диве

хотя конечно, они сократили в ФФ блок див, но пользы... никакой
PM MAIL WWW   Вверх
Itsys
Дата 19.3.2008, 15:13 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Эксперт
***


Профиль
Группа: Завсегдатай
Сообщений: 1338
Регистрация: 21.1.2008
Где: г. Москва

Репутация: 9
Всего: 34
Код

/* height для разных браузеров разный:
    Opera: 98%;
    FireFox: 99%;
    IE: 90%;
*/
html, body {height: 90%; /*overflow: hidden*/}


верстка сохраняется при 
Код

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">


Добавлено через 50 секунд
Цитата(bars80080 @  19.3.2008,  15:12 Найти цитируемый пост)
абсолютные всё же не пойдут, разрешение и ресайз вызовут появление скроллинга на основном окне, а не диве

А если через expression?
PM MAIL WWW Skype   Вверх
bars80080
Дата 19.3.2008, 15:38 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


прапор творюет
****
Награды: 1



Профиль
Группа: Завсегдатай
Сообщений: 12022
Регистрация: 5.12.2007
Где: Königsberg

Репутация: 50
Всего: 315
в самом деле, поставил этот доктайп и эти стили нормально проглотило

но ФФ и опера продолжают, причём по разному


с экспершн незнаком совсем, сейчас будем читать...
PM MAIL WWW   Вверх
Itsys
Дата 19.3.2008, 16:25 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Эксперт
***


Профиль
Группа: Завсегдатай
Сообщений: 1338
Регистрация: 21.1.2008
Где: г. Москва

Репутация: 9
Всего: 34
Ну примерно вот так:
Код

#con { position: absolute; top: 0px; left: 0px; width: 100%; 
             height: expression(getElementById('tdcn').clientHeight + "px"); 
             z-index: 1; overflow: auto; }
PM MAIL WWW Skype   Вверх
bars80080
Дата 19.3.2008, 17:00 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


прапор творюет
****
Награды: 1



Профиль
Группа: Завсегдатай
Сообщений: 12022
Регистрация: 5.12.2007
Где: Königsberg

Репутация: 50
Всего: 315
плохо, этож получается при отключеном js слёт будет

вот тебе и привет, фрэймы полноценно оказывается заменить нельзя

впрочем, ещё поковыряюсь
PM MAIL WWW   Вверх
Itsys
Дата 19.3.2008, 17:57 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Эксперт
***


Профиль
Группа: Завсегдатай
Сообщений: 1338
Регистрация: 21.1.2008
Где: г. Москва

Репутация: 9
Всего: 34
Если чего нароешь... скажи, я тоже посмотрю, мож чего получится.

ЗЫ Я бы не зацикливался на проблеме... у кого-то может быть отключен JS. Так, как таких, я думаю ооооооочень мало.
PM MAIL WWW Skype   Вверх
bars80080
Дата 19.3.2008, 18:06 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


прапор творюет
****
Награды: 1



Профиль
Группа: Завсегдатай
Сообщений: 12022
Регистрация: 5.12.2007
Где: Königsberg

Репутация: 50
Всего: 315
мало-немало, идти надо от начала

т.е. при загрузке, он должен выглядеть нормально, ну а если нет js стало быть не получите дополнительной красоты и удобства, но функционал должен сохраняться
PM MAIL WWW   Вверх
Itsys
Дата 19.3.2008, 18:20 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Эксперт
***


Профиль
Группа: Завсегдатай
Сообщений: 1338
Регистрация: 21.1.2008
Где: г. Москва

Репутация: 9
Всего: 34
 smile Элементарно bars80080, начально устнавливаешь высоты так, чтобы все вглядело нормально на самом маленьком разрешении, ну например на 800х600 - высота таблицы 760px, высота divа, соответсвенно, 680, а дальше через JS переназначаешь значения.
PM MAIL WWW Skype   Вверх
  
 Ответ в темуСоздание новой темы Создание опроса
0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема | Вёрстка веб-сайтов | Следующая тема »

Подписаться на тему | Подписка на этот форум | Скачать/Распечатать тему


 




[ Время генерации скрипта: 0.1619 ]   [ Использовано запросов: 21 ]   [ GZIP включён ]


Реклама на сайте     Информационное спонсорство

 
 По вопросам размещения рекламы пишите на vladimir(sobaka)vingrad.ru
Отказ от ответственности     Powered by Invision Power Board(R) 1.3 © 2003  IPS, Inc.