Растянуть таблицу (height="100%")

Discussion in 'PHP' started by Ru}{eeZ, 4 Oct 2008.

  1. Ru}{eeZ

    Ru}{eeZ Elder - Старейшина

    Joined:
    19 Feb 2008
    Messages:
    454
    Likes Received:
    73
    Reputations:
    -5
    Делаю я значит сайт ( http://spamerka.spb.ru/ ), а мне тут бац, и таблица не вытягиваецо, вопрос конечно немного лам, но оч надо решить :rolleyes: , спс :)
    п.с. таблица в правом блоке (основная таблица, в правом блоке есть ещё таблица, а в ней сверху картинка "наши новости", в середине таблица, а снизу "Разработка сайта - "Клуб Веб"", и вот вторую (предпоследнюю) надо растянуть, её код:

    HTML:
    <table border="1" width="100%" style="heigth:100%">
<tr>
<td>
<img src="{THEME}/images/news_bl.png" />
</td>
</tr>
<tr>
<td>

<table border="1" id="topnews"><tr><td id="topnews">
{topnews}
</td></tr>
</table>

</td>
</tr>
<tr>
<td>
Разработка сайта - "<a href="http://www.clubweb.ru">Клуб Веб</a>"
</td>
</tr>
</table>
    чегото ни style="heigth:100%", ни height="100%" не прут... :(
     
    #1 Ru}{eeZ, 4 Oct 2008
  2. .:nbd:.

    .:nbd:. Elder - Старейшина

    Joined:
    27 Jul 2008
    Messages:
    97
    Likes Received:
    27
    Reputations:
    1
    HTML:
    <table width="100%"  border="1" cellspacing="0" cellpadding="1">
  <tr>
    <td><img src="{THEME}/images/news_bl.png" /></td>
  </tr>
  <tr>
    <td><table width="100%"  border="1" cellspacing="0" cellpadding="1">
      <tr>
        <td>{topnews}</td>
      </tr>
    </table></td>
  </tr>
  <tr>
    <td>Разработка сайта - "<a href="http://www.clubweb.ru">Клуб Веб</a>"</td>
  </tr>
</table>
    хых не то вставил =)
    оно?
     
    #2 .:nbd:., 4 Oct 2008
    Last edited: 4 Oct 2008
  3. Ru}{eeZ

    Ru}{eeZ Elder - Старейшина

    Joined:
    19 Feb 2008
    Messages:
    454
    Likes Received:
    73
    Reputations:
    -5
    а что изменилось?) не работает(
     
    #3 Ru}{eeZ, 4 Oct 2008
  4. astrologer

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

    Joined:
    30 Aug 2007
    Messages:
    837
    Likes Received:
    267
    Reputations:
    59
    hint:
    Code:
    html, body
{
  height: 100%;
}
     
    #4 astrologer, 4 Oct 2008
  5. Ru}{eeZ

    Ru}{eeZ Elder - Старейшина

    Joined:
    19 Feb 2008
    Messages:
    454
    Likes Received:
    73
    Reputations:
    -5
    ну вставил я в style.css, опять же рзницы не вижу
     
    #5 Ru}{eeZ, 4 Oct 2008
  6. Zukimo

    Zukimo New Member

    Joined:
    3 Nov 2007
    Messages:
    4
    Likes Received:
    2
    Reputations:
    0
    Если <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">, тогда задать высоту таблицы через свойство height не получится.
     
    #6 Zukimo, 5 Oct 2008
  7. Chaak

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

    Joined:
    1 Jun 2008
    Messages:
    1,059
    Likes Received:
    1,067
    Reputations:
    80
    Это код:
    PHP:
    <table border="1" width="100%" id="blabla">
    <    tr>
    <    td>
    <    img src="{THEME}/images/news_bl.png" />
    </    td>
    </    tr>
    <    tr>
    <    td>

    <    table border="1" id="topnews"><tr><td id="topnews">
    {    topnews}
    </    td></tr>
    </    table>

    </    td>
    </    tr>
    <    tr>
    <    td>
    Разработка сайта - "<a href="http://www.clubweb.ru">Клуб Веб</a>"
    </td>
    </    tr>
    </    table>
    А это в тег body вставь
    PHP:
    <body onload="document.getElementById('blabla').style.height = screen.height-100;">
    Должно работать...
     
    #7 Chaak, 5 Oct 2008
    Last edited: 5 Oct 2008
    1 person likes this.
  8. astrologer

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

    Joined:
    30 Aug 2007
    Messages:
    837
    Likes Received:
    267
    Reputations:
    59
    1. Полезно почитать:
    2. [​IMG]

    ChaaK, единицы измерения... screen.height - высота экрана, а не браузера. Ну и нечётко как-то.
     
    #8 astrologer, 5 Oct 2008
    1 person likes this.
  9. etc

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

    Joined:
    16 Feb 2008
    Messages:
    113
    Likes Received:
    175
    Reputations:
    1
    HTML:
    <table width="100%" height="100%">
<tr>
<td align="center">
preved
</td>
</tr>
</table>
     
    #9 etc, 5 Oct 2008
  10. Dr1ver

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

    Joined:
    20 Aug 2008
    Messages:
    83
    Likes Received:
    80
    Reputations:
    14
    Code:
    
<table height="100%" width="100%" border="1" cellspacing="0" cellpadding="0"> 
<tr> 
<td height="200"></td>
</tr>
<tr>
<td>
            blabla
</td>
</tr>

<tr>
<td height="200">
</td>
</tr>

</table>

    Для размышлений. Это образец таблицы на 100% экрана. Ну а дальше верстку только пересмотреть остаётся. Можно для td и table задавать id и прописывать всё в css, так будет более правильно.Работает со всеми доктайпами.
     
    #10 Dr1ver, 6 Oct 2008
    Last edited: 6 Oct 2008
  11. banned

    banned Banned

    Joined:
    20 Nov 2006
    Messages:
    3,324
    Likes Received:
    1,194
    Reputations:
    252
    Верстайте блоками, а не таблицами :)
     
    #11 banned, 6 Oct 2008
  12. mff

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

    Joined:
    12 Mar 2008
    Messages:
    2,074
    Likes Received:
    701
    Reputations:
    227
    Точно подметил!
     
    #12 mff, 6 Oct 2008
  13. etc

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

    Joined:
    16 Feb 2008
    Messages:
    113
    Likes Received:
    175
    Reputations:
    1
    Не всегда блоки рулят. Не для всех задач.
     
    #13 etc, 6 Oct 2008
(You must log in or sign up to post here.)