как растянуть таблицу на всю высоту страницы? [Архив]

Просмотр полной версии : как растянуть таблицу на всю высоту страницы?

je0n

03.02.2007, 08:13

Нашел множество тем на других форумах, но там подразумевается растягивание таблицы на всю высоту экрана, а мне нужно растянуть именно на всю высоту страницы. Покажу на примере:

<html>
<head><title>lyceum #3</title></head>
<body>
<center>
<table width=77 style="float:left" border=1 height="100%">
<tr><td width=100% background="background.jpg"> </td></tr>
</table>

<table width=80% border=1 style="float:left">
<tr><td> </td></tr>
</table>

<table width=77 style="float:left" border=1 height="100%">
<tr><td width=100% background="background.jpg"> </td></tr>
</table>
</center>
</body>
</html>

Тут есть 3 таблцы:левая, средня и правая. В правой и левой таблице находитяться декорации :). Т.е. бэкграунд и все. Мне нужно, чтобы когда в средней таблице контент перестанет влазеть в экран и она начнет расти и те таблицы, что по бокам растягивались вместе со средней таблицей.
Я в средней таблице напихал - это типа контент, который вылазеет за пределы экрана :).

И еще вопрос по этому же коду... Хотя потом задам. Когда с этим разберемся :)

GHostly_FOX

03.02.2007, 08:24

Твоя ошибка в том что ты используешь 3 таблицы... я это неправильно! ты должен использовать одну таблицу и 3 столбца. вот пример:

<html>
<head><title>lyceum #3</title></head>
<body>
<center>
<table width=95% style="float:left" border=1 height="100%">
<tr>
<td width=77 background="background.jpg">
 
</td>
<td width=80%>
 
</td>
<td width=77 background="background.jpg">
 
</td>
</tr>
</table>
</center>
</body>
</html>

je0n

03.02.2007, 09:13

нет чувак, у меня там не ошибка. Это правило! У меня картинка быкграунд должен быть именно 77 пикселей. А то что показал ты глючит во всех броузерах. Тем более если менять разрешение экрана. Невозможно в твоем варианте подобрать значения, чтобы таблица выровнялась под бэкграунд для нескольких разрешений экрана. Хотя может я ошибаюсь. Но я так уже пробовал как ты предложил - не прокатует!

P.S. Вот сейчас пробую твой вариант снова, короче если IE не во весь экран - нормально, если развернуть ишака - все сразу рушиться! В Опере та же фигня. Все зависит от размеров окна почему-то :).
Короче при таком раскладе как у меня. Надо юзать три таблицы

Isis

03.02.2007, 09:57

<html>
<head><title>lyceum #3</title></head>
<body>
<center>
<table width=95% style="float:left" border=1 height="100%">
<tr>
<td width=77 background="background.jpg">
 
</td>
<td width=100%>
 
</td>
<td width=77 background="background.jpg">
 
</td>
</tr>
</table>
</center>
</body>
</html>

Если чето расплывается........смени моск =)

je0n

03.02.2007, 10:06

Если чето расплывается........смени моск =)

ппц, ну на посмотри, что из этого получается - http://labnauka.ru/je0n/test1.html
ты вообще видешь быкграунд? я нет!
Я вот мой код с той же картинкой http://labnauka.ru/je0n/test.html

Фигли моск менять?

GHostly_FOX

03.02.2007, 14:02

ппц, ну на посмотри, что из этого получается - http://labnauka.ru/je0n/test1.html
ты вообще видешь быкграунд? я нет!
Я вот мой код с той же картинкой http://labnauka.ru/je0n/test.html

Фигли моск менять?
Чел ну если ты не понимаешь я тебе поясню, опять ты делаешь ошибку в том что указываешь ширину центрального столбца - <td width=100%>
100% выполняется приорететнее чем фиксированная длинна!
попробуй 80% или 75%

_Great_

03.02.2007, 14:05

не читал текст поста, ответ на вопрос темы - height=100%

je0n

03.02.2007, 14:23

Чел ну если ты не понимаешь я тебе поясню, опять ты делаешь ошибку в том что указываешь ширину центрального столбца - <td width=100%>
100% выполняется приорететнее чем фиксированная длинна!
попробуй 80% или 75%
http://www.labnauka.ru/je0n/test1.html
Вот 80% Посворачива-поразварачивай окно - поймешь в чем проблема.

2Great
http://www.labnauka.ru/je0n/test.html
вот height=100%. Не пашет! Пашет так как предлагает GHostly_FOX, но тогда с шириной бэкграунда проблемы.

GHostly_FOX

03.02.2007, 14:40

Вот правильный ответ на вопрос

<html>
<head><title>lyceum #3</title></head>
<body>
<center>
<table width=95% style="float:left" border=1 height="100%">
<tr>
<td width=77 background="http://www.labnauka.ru/je0n/background.jpg">
 
</td>
<td>

 
</td>
<td width=77 background="http://www.labnauka.ru/je0n/background.jpg">
 
</td>
</tr>
</table>
</center>
</body>
</html>

GHostly_FOX

03.02.2007, 14:41

Просто центральному ненадо указывать размер и все!

je0n

03.02.2007, 14:45

Просто центральному ненадо указывать размер и все!
Спасибо тебе Братуха! Работает.

Helios

03.02.2007, 15:01

Все это конечно правильно, но есть одна проблема:

браузер пока не подгрузит все содержание таблицы, ее на экран не выдаст.

Этого глюка лишена верстка при помощи div'ов.

Сделать то, что ты хочешь, удобно при помощи "Резиновой верстки", статья и примеры для двух и трех столбцов здесь: http://www.webmascon.com/topics/coding/43a.asp

Isis

03.02.2007, 15:35

ппц, ну на посмотри, что из этого получается - http://labnauka.ru/je0n/test1.html
ты вообще видешь быкграунд? я нет!
Я вот мой код с той же картинкой http://labnauka.ru/je0n/test.html

Фигли моск менять?

Бля....смени браузер...
Посмотри мой код...по той же ссылке что ты дал посмортеть!!!!!!
И все...твоя проьблема решенаа!!!
Тему закрыть

je0n

03.02.2007, 16:41

Бля....смени браузер...
Посмотри мой код...по той же ссылке что ты дал посмортеть!!!!!!
И все...твоя проьблема решенаа!!!
Тему закрыть
Конечно теперь все нормально показует! Я же уже исправил! А раньше не правильно показывало!

Тема закрыта.