Табличная верстка

BW
На сайте с 24.10.2010
Offline
0
604

Помогите пожалуйста...

Пытаюсь набросать чат с помощью таблицы, без лишних фреймов, чат будет всего в одном нижнем фрейме, т.е можно будет увеличивать и уменьшать высоту чата.

Исходя из всего, нельзя указывать высоту в пикселах блоков main и spisok так как они должны растягиваться при изменении высоты фрейма

У меня работает в ИЕ, Опере, ГуглХроме, а вот в Мазиле всё ужасно, не делает полосу прокрутки, а тупо растягивает ячейку по содержимому.

Как Исправить всё это ?

в общем вот код:


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<title>Footer Demo 1</title>
<link rel="stylesheet" href="FooterDemo.css" />
<style type="text/css">
html, body{
width: 100%;
height: 100%;
overflow-x: hidden;
overflow-y: hidden;
margin:0px;
padding:0px;
}
#main {
background:#093;
width:100%;
height:100%;
}

#spisok {
background:#CCC;
width:100%;
height:100%;
}
</style>
</head>
<body>

<table width="100%" height="50%" border="5" >
<tr>
<td width="701" height="100%" ><div id="main" style="overflow:scroll;height:100%; overflow-x:hidden;">
текста текста текста текста текста текста<br>
текста текста текста текста текста текста<br>
текста текста текста текста текста текста<br>
текста текста текста текста текста текста<br>
текста текста текста текста текста текста<br>
текста текста текста текста текста текста<br>
текста текста текста текста текста текста<br>
текста текста текста текста текста текста<br>
текста текста текста текста текста текста<br>
текста текста текста текста текста текста<br>
текста текста текста текста текста текста<br>
текста текста текста текста текста текста<br>
текста текста текста текста текста текста<br>
текста текста текста текста текста текста<br>
текста текста текста текста текста текста<br>
текста текста текста текста текста текста<br>
текста текста текста текста текста текста<br>
текста текста текста текста текста текста<br>
текста текста текста текста текста текста<br>
текста текста текста текста текста текста<br>
текста текста текста текста текста текста<br>
текста текста текста текста текста текста<br>
текста текста текста текста текста текста<br>
текста текста текста текста текста текста<br></div></td>
<td width="301"><div id="spisok" style="overflow:scroll;height:100%; overflow-x:hidden;">тут список чатлан</div></td>
</tr>
<tfoot>
<tr height="50px" ><td bgcolor="#000099">sdf sdf </td> </tr>
</tfoot>
</table>
</body>
</html>
samimages
На сайте с 31.05.2009
Offline
427
#1

Попробуйте присвоит таблице iD, а td указать как block; вообще избавившись от дивов

Опыт как иммунитет — приобретается в муках! Аудит семантики от 15К [долго] - ЛС
BW
На сайте с 24.10.2010
Offline
0
#2

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

а td .. ну сделал ему <td width="701" height="100%" style="display:block"> , толку нет, также растянуло таблицу и во всех остальных браузерах, кроме ИЕ.

samimages:
вообще избавившись от дивов

а это я вообще не вкурил,

мне не надо избавляться от дивов, их добавится еще целая куча, будут так сказать комнаты, приватная, общая и тд , и в зависимости от нужной будет тот или иной див дисплэй блоком

Rudokop
На сайте с 29.07.2008
Offline
159
#3

По мне, так это абсолютно излишнее смешивание "дивовой" и табличной верстки. Почему все не сделать на дивах, если вы в них разбираетесь? Более того, если уж сделали файл стиля, то и забивайте туда все параметры, а то частично вы их намертво в структуру вписываете...

iren K
На сайте с 28.12.2008
Offline
222
#4
Bob_Wolker:
таблице присвоив ID, ни как на нужный результат не может влиять
а td .. ну сделал ему <td width="701" height="100%" style="display:block"> , толку нет, также растянуло таблицу и во всех остальных браузерах, кроме ИЕ.

какой IE? если IE6 - со стилями проблема..

это,имхо, не мое дело,но что мешеат верстать с помощью css только: проблем будет меньше, кроссбраузерность верроятнее, сайт будет легче )) и быстрее и т.п...

c уважением Iren
BW
На сайте с 24.10.2010
Offline
0
#5

На дивах делать это кучи параметров ножно использовать такие как : position:fixed;left:2px;float:left;margin-left:-50px; max-height

при этом один браузер не воспринимает например отрицательный отступ, другой браузер не воспринимает max-height, третий позиционирование одно воспринимает как другое и тд и тп, у каждого свои недостатки, и чтоб добиться одинакого вида во всех браузерах, ножно придумать кучи обманывающих действий или багофиксов.

В конечном итоге один фиг получается не то, что хочется.

Вот и решил попробывать смесь таблицы с дивами.

а про файл стиля, пока в нём ничего нету, это так на будующее, чтоб всё лишнее туда перекинуть, но попробую , перекидаю туда сразу.

iren K
На сайте с 28.12.2008
Offline
222
#6
Bob_Wolker:

Вот и решил попробывать смесь таблицы с дивами.

гремучая смесь ))

верстайте чисто в дивах используя css => и будет Вам счастье ))

BW
На сайте с 24.10.2010
Offline
0
#7
iren K:
какой IE? если IE6 - со стилями проблема..
это,имхо, не мое дело,но что мешеат верстать с помощью css только: проблем будет меньше, кроссбраузерность верроятнее, сайт будет легче )) и быстрее и т.п...

у меня 8й ИЕ

я учусь .... не пониманию что значит "с помощью css только" ?

iren K
На сайте с 28.12.2008
Offline
222
#8
Bob_Wolker:
не пониманию что значит "с помощью css только" ?

- ето значит, что все Ваши стили Вы загоняете(настраивете) в таблицы css-верстки..

- для начала скачайте редактор css стилей - например: TopStyle(моня версию lite) и поупражняйтесь + читайте rtfm - поверьте, время затраченное на изучение css верстки - окупится многократно..

BW
На сайте с 24.10.2010
Offline
0
#9
iren K:
- ето значит, что все Ваши стили Вы загоняете(настраивете) в таблицы css-верстки..
- для начала скачайте редактор css стилей - например: TopStyle(моня версию lite) и поупражняйтесь + читайте rtfm - поверьте, время затраченное на изучение css верстки - окупится многократно..

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

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий