Форум АНТИЧАТ

Форум АНТИЧАТ (https://forum.antichat.xyz/index.php)
-   PHP, PERL, MySQL, JavaScript (https://forum.antichat.xyz/forumdisplay.php?f=37)
-   -   как растянуть таблицу на всю высоту страницы? (https://forum.antichat.xyz/showthread.php?t=32607)

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"><br><br></td></tr>
</table>

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


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

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

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

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">
                        <br><br>
                </td>
                <td width=80%>
                        <br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
                </td>
                <td width=77 background="background.jpg">
                        <br><br>
                </td>
        </tr>
</table>
</center>
</body>
</html>


je0n 03.02.2007 09:13

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


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

Isis 03.02.2007 09:57

Код HTML:

<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">
                        <br><br>
                </td>
                <td width=100%>
                        <br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
                </td>
                <td width=77 background="background.jpg">
                        <br><br>
                </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

Цитата:

Сообщение от je0n
ппц, ну на посмотри, что из этого получается - 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">
                        <br><br>
                </td>
                <td>

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


GHostly_FOX 03.02.2007 14:41

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


Время: 04:03