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

Discussion in 'PHP' started by je0n, 3 Feb 2007.

  1. je0n

    je0n Elder - Старейшина

    Joined:
    14 May 2006
    Messages:
    345
    Likes Received:
    96
    Reputations:
    41
    Нашел множество тем на других форумах, но там подразумевается растягивание таблицы на всю высоту экрана, а мне нужно растянуть именно на всю высоту страницы. Покажу на примере:
    Code:
    <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> - это типа контент, который вылазеет за пределы экрана :).

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

    GHostly_FOX Elder - Старейшина

    Joined:
    4 Jan 2007
    Messages:
    34
    Likes Received:
    15
    Reputations:
    0
    Твоя ошибка в том что ты используешь 3 таблицы... я это неправильно! ты должен использовать одну таблицу и 3 столбца. вот пример:

    Code:
    <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>
    
     
  3. je0n

    je0n Elder - Старейшина

    Joined:
    14 May 2006
    Messages:
    345
    Likes Received:
    96
    Reputations:
    41
    нет чувак, у меня там не ошибка. Это правило! У меня картинка быкграунд должен быть именно 77 пикселей. А то что показал ты глючит во всех броузерах. Тем более если менять разрешение экрана. Невозможно в твоем варианте подобрать значения, чтобы таблица выровнялась под бэкграунд для нескольких разрешений экрана. Хотя может я ошибаюсь. Но я так уже пробовал как ты предложил - не прокатует!


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

    banned Banned

    Joined:
    20 Nov 2006
    Messages:
    3,324
    Likes Received:
    1,194
    Reputations:
    252
    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>
    Если чето расплывается........смени моск =)
     
  5. je0n

    je0n Elder - Старейшина

    Joined:
    14 May 2006
    Messages:
    345
    Likes Received:
    96
    Reputations:
    41
    ппц, ну на посмотри, что из этого получается - http://labnauka.ru/je0n/test1.html
    ты вообще видешь быкграунд? я нет!
    Я вот мой код с той же картинкой http://labnauka.ru/je0n/test.html

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

    GHostly_FOX Elder - Старейшина

    Joined:
    4 Jan 2007
    Messages:
    34
    Likes Received:
    15
    Reputations:
    0
    Чел ну если ты не понимаешь я тебе поясню, опять ты делаешь ошибку в том что указываешь ширину центрального столбца - <td width=100%>
    100% выполняется приорететнее чем фиксированная длинна!
    попробуй 80% или 75%
     
  7. _Great_

    _Great_ Elder - Старейшина

    Joined:
    27 Dec 2005
    Messages:
    2,032
    Likes Received:
    1,118
    Reputations:
    1,139
    не читал текст поста, ответ на вопрос темы - height=100%
     
  8. je0n

    je0n Elder - Старейшина

    Joined:
    14 May 2006
    Messages:
    345
    Likes Received:
    96
    Reputations:
    41
    http://www.labnauka.ru/je0n/test1.html
    Вот 80% Посворачива-поразварачивай окно - поймешь в чем проблема.


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

    GHostly_FOX Elder - Старейшина

    Joined:
    4 Jan 2007
    Messages:
    34
    Likes Received:
    15
    Reputations:
    0
    Вот правильный ответ на вопрос

    Code:
    <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>
     
  10. GHostly_FOX

    GHostly_FOX Elder - Старейшина

    Joined:
    4 Jan 2007
    Messages:
    34
    Likes Received:
    15
    Reputations:
    0
    Просто центральному ненадо указывать размер и все!
     
    1 person likes this.
  11. je0n

    je0n Elder - Старейшина

    Joined:
    14 May 2006
    Messages:
    345
    Likes Received:
    96
    Reputations:
    41
    Спасибо тебе Братуха! Работает.
     
  12. Helios

    Helios Elder - Старейшина

    Joined:
    14 Jan 2007
    Messages:
    414
    Likes Received:
    180
    Reputations:
    103
    Все это конечно правильно, но есть одна проблема:

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

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

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

    banned Banned

    Joined:
    20 Nov 2006
    Messages:
    3,324
    Likes Received:
    1,194
    Reputations:
    252
    Бля....смени браузер...
    Посмотри мой код...по той же ссылке что ты дал посмортеть!!!!!!
    И все...твоя проьблема решенаа!!!
    Тему закрыть
     
  14. je0n

    je0n Elder - Старейшина

    Joined:
    14 May 2006
    Messages:
    345
    Likes Received:
    96
    Reputations:
    41
    Конечно теперь все нормально показует! Я же уже исправил! А раньше не правильно показывало!

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