Как поставить height=100%,чтобы оно работало?

Тема в разделе "CSS, HTML, Web 2.0, верстка по web-стандартам", создана пользователем Bender, 24.11.2008.

  1. Offline

    Bender Недавно здесь

    Регистрация:
    21.11.2008
    Сообщения:
    13
    Симпатии:
    0
    Опять здрасте)У меня в джумле не работает тэг:height=100%-то есть таблица его просто игнорирует...Я выяснил что на его работу каким то образом влияет следующая строчка:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">.Как мне сделать так,чтобы этот код работал?И для чег вообще эта строка в шаблоне?
     
  2.  
  3. Offline

    _voland_ специалист

    Регистрация:
    12.04.2008
    Сообщения:
    2 173
    Симпатии:
    102
    Пол:
    Мужской
    Послушайся дедушку Ленина и многое станет понятно :)
     
  4. Offline

    Bender Недавно здесь

    Регистрация:
    21.11.2008
    Сообщения:
    13
    Симпатии:
    0
    :DЧестно скажу:Я учился,учусь и буду учться,но почему то не могу справиться с невыводом height=100%.Подскажите,все-таки,кто знает)
     
  5. Offline

    _voland_ специалист

    Регистрация:
    12.04.2008
    Сообщения:
    2 173
    Симпатии:
    102
    Пол:
    Мужской
    Тогда давай информацию подробнее или ссылку... увы Кашпировского в штате нет :)
     
  6. Offline

    Bender Недавно здесь

    Регистрация:
    21.11.2008
    Сообщения:
    13
    Симпатии:
    0
    Привожу код страницы,если в моем коде убрать вышеуказанную строчку,то тэг height начиниает работать с процентами,если же этого не сделать,тотэг просто игнорируется....
    Код (PHP):
    1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    2.  
    3. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    4. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="<?php echo $this->language; ?>" lang="<?php
    5.  
    6. echo $this->language; ?>" >
    7. <head>
    8. <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
    9. <link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/system/css/general.css"
    10.  
    11. type="text/css" />
    12. <link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/system/css/system.css"
    13.  
    14. type="text/css" />
    15. <link rel="stylesheet" href="<?php echo $this->baseurl
    16.  
    17. ?>/templates/antiart/css/template_css.css" type="text/css" />
    18. </head>
    19.  
    20. <body>
    21.  
    22. <table width="900" class=table height=100% border="1" align="center" cellpadding="0"
    23.  
    24. cellspacing="0" bgcolor=white>
    25. <tr>
    26. <td valign=top align=center>123</td>
    27. </tr>
    28. </table>
    29.  
    30. </body>
    31. </html>
     
  7. Offline

    _voland_ специалист

    Регистрация:
    12.04.2008
    Сообщения:
    2 173
    Симпатии:
    102
    Пол:
    Мужской
    Для начала попробуй привести все ко стандартам - а именно раставить кавычки и перенести height и width в css.
     
  8. Offline

    Bender Недавно здесь

    Регистрация:
    21.11.2008
    Сообщения:
    13
    Симпатии:
    0
    Попробывал,но ничего не изменилось....Теперь мой index.php выглядит так:
    Код (PHP):
    1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    2. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    3. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="<?php echo $this->language; ?>" lang="<?php
    4. echo $this->language; ?>" >
    5. <head>
    6. <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
    7. <link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/system/css/general.css"
    8. type="text/css" />
    9. <link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/system/css/system.css"
    10. type="text/css" />
    11. <link rel="stylesheet" href="<?php echo $this->baseurl
    12. ?>/templates/antiart/css/template_css.css" type="text/css" />
    13. </head>
    14. <body>
    15. <table class=table border="1" align="center" cellpadding="0" cellspacing="0" bgcolor=white>
    16. <tr>
    17. <td valign=top align=center>123</td>
    18. </tr>
    19. </table>
    20. </body>
    21. </html>

    А css-файл так:
    Код (PHP):
    1. .table { border-top: solid 1px #000000; border-bottom: solid 1px #000000; border-left: solid 1px #000000; border-right: solid 1px #000000;width: 900px; height: 100%;}
     
  9. Offline

    _voland_ специалист

    Регистрация:
    12.04.2008
    Сообщения:
    2 173
    Симпатии:
    102
    Пол:
    Мужской
    Итак читаем тут
     
  10. Offline

    _voland_ специалист

    Регистрация:
    12.04.2008
    Сообщения:
    2 173
    Симпатии:
    102
    Пол:
    Мужской
    Помучал тут немного вашу задачу - вот вариантик прилагаю

    php
    Код (PHP):
    1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    2.  
    3. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    4.  
    5. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru" lang="ru" >
    6.  
    7. <head>
    8.  
    9. <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
    10.  
    11.  
    12. <link rel="stylesheet" href="http://local/Tests/height.css" type="text/css" />
    13.  
    14. </head>
    15.  
    16. <body>
    17.  
    18. <div class="table">
    19.  
    20. 123
    21.  
    22. </table>
    23.  
    24. </body>
    25.  
    26. </html>


    css
    Код (PHP):
    1. .table {
    2. border-top: solid 1px #000000;
    3. border-bottom: solid 1px #000000;
    4. border-left: solid 1px #000000;
    5. border-right: solid 1px #000000;
    6. width: 900px;
    7. margin:auto;
    8. height: auto;
    9. min-height:100%;
    10. float:left;
    11. position:absolute;
    12. left:50%;
    13. margin-left:-450px;
    14. top:0px;
    15. bottom:0px;
    16. }
     
  11. Offline

    Bender Недавно здесь

    Регистрация:
    21.11.2008
    Сообщения:
    13
    Симпатии:
    0
    Спасибо,помогло)Хотя правильнее будет тогда так:
    .table {

    border-top: solid 1px #000000;

    border-bottom: solid 1px #000000;

    border-left: solid 1px #000000;

    border-right: solid 1px #000000;

    width: 900px;

    margin:40px 0px 40px 0px;

    height: auto;

    min-height:100%;

    float:left;

    position:absolute;
    right:0px;

    left:0px;

    top:0px;

    bottom:0px;

    }
     
  12. Offline

    _voland_ специалист

    Регистрация:
    12.04.2008
    Сообщения:
    2 173
    Симпатии:
    102
    Пол:
    Мужской
    я делал центрирование по центру )) но можно и так.. а подпись снова не читаем? да? :)
     

Поделиться этой страницей

Загрузка...