Warning: Cannot use a scalar value as an array in /home/admin/public_html/forum/include/fm.class.php on line 757

Warning: Invalid argument supplied for foreach() in /home/admin/public_html/forum/include/fm.class.php on line 770
Форумы портала PHP.SU :: Версия для печати :: Как заставить ячейку контента в таблице, занять оставшееся место от 100% высоты всей таблицы в IE?
Форумы портала PHP.SU » Клиентская разработка » HTML, Дизайн & CSS » Как заставить ячейку контента в таблице, занять оставшееся место от 100% высоты всей таблицы в IE?

Страниц (1): [1]
 

1. Land - 19 Марта, 2009 - 16:56:56 - перейти к сообщению
В Опере всё ок, а вот IE создает проблемы, таблица принимает 100% от всего html/body и "уплывает" вниз.

CODE (text):
скопировать код в буфер обмена
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
  2. <html>
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  5. <title></title>
  6.  
  7. <style type="text/css">
  8.    html, body {
  9.       height:100%;
  10.       margin: 0;
  11.       padding: 0;
  12.       border: 0;
  13.    }
  14.    table{
  15.            height:100%;
  16.            width:1000px;
  17.            margin:0 auto;
  18.            padding:0;
  19.            
  20.    }
  21.    #header{
  22.            height:182px;
  23.            
  24.            
  25.    }
  26.    #menu{
  27.            height:35px;
  28.            
  29.    }
  30.    #content{
  31.            height:100%;
  32.            
  33.    }
  34.    #footer{
  35.            height:35px;
  36.    }
  37. </style>
  38. </head>
  39.  
  40. <body>
  41. <table cellpadding="0" cellspacing="0" border="1">
  42.   <tr>
  43.     <td id="header">&nbsp;</td>
  44.   </tr>
  45.   <tr>
  46.     <td id="menu">&nbsp;</td>
  47.   </tr>
  48.   <tr>
  49.     <td id="content">&nbsp;</td>
  50.   </tr>
  51.   <tr>
  52.     <td id="footer">&nbsp;</td>
  53.   </tr>
  54. </table>
  55. </body>
  56.  
  57. </html>
2. valenok - 19 Марта, 2009 - 21:18:40 - перейти к сообщению
в IE никак.
Можешь попробовать джаваскриптом считать высоты и пичкать ячейку переводами строки.
Можешь попробовать похитрить с позиционированием. Поставить блок с таким же border_bottom и position:fixed в самый низ и будет визуально казаться что последний блок тянется до конца.
3. Stierus - 20 Марта, 2009 - 11:35:25 - перейти к сообщению
PHP:
скопировать код в буфер обмена
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
  2. <html>
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  5. <title></title>
  6.  
  7. <style type="text/css">
  8. html, body {
  9. height:100%;
  10. margin: 0;
  11. padding: 0;
  12. border: 0;
  13. }
  14. table{
  15. height:100%;
  16. width:1000px;
  17. margin:0 auto;
  18. padding:0;
  19.  
  20. }
  21. #header{
  22. height:182px;
  23. }
  24. #menu{
  25. height:35px;
  26. }
  27. #content{
  28. height:100%;
  29. * height: expression((document.body.clientHeight-262) +'px');
  30. }
  31. #footer{
  32. height:35px;
  33. }
  34. </style>
  35. </head>
  36.  
  37. <body>
  38.         <table cellpadding="0" cellspacing="0" border="1">
  39.                 <tr>
  40.                         <td id="header">header</td>
  41.                 </tr>
  42.                 <tr>
  43.                         <td id="menu">menu</td>
  44.                 </tr>
  45.                 <tr>
  46.                         <td id="content">
  47.                                 content
  48.                                 По идее в стилях надо вычитать 252, но т.к у нас бордеры - приходится 10 накинуть :)
  49.                                 * в стилях говорит о том, что применяется только к IE
  50.                         </td>
  51.                 </tr>
  52.                 <tr>
  53.                         <td id="footer">footer</td>
  54.                 </tr>
  55.         </table>
  56. </body>
  57.  
  58. </html>

(Добавление)
А вообще подобные задачи дивами проще решать
4. _kT - 20 Марта, 2009 - 20:45:55 - перейти к сообщению
вообще - то у таблици ставить высоту не есть нормально )) дивами делай
(Добавление)
p.s. и ваще ie6 такое зло - вот выпустили неподумав её и щас все веб разработчики мучаются.

я на работе замучался каждый сайт под ие6 фиксбагами заниматься
5. valenok - 20 Марта, 2009 - 21:29:48 - перейти к сообщению
так они еще и ие7 и 8 выпустили ..
6. Land - 23 Марта, 2009 - 03:55:31 - перейти к сообщению
Большое спасибо, за ответы. Утром проснусь - попробую. Закатив глазки

На счёт дивов - это вообще для меня тёмный лес Улыбка Хорошо что хоть html более менее выучил Растерялся


Да IE, зло, я даже на сайт интересный наткнулся:
_http://toastytech.com/evil/ Ха-ха
7. Land - 24 Марта, 2009 - 04:40:28 - перейти к сообщению
Stierus

Сохранил код с этой строкой в контенте, загружаю в IE - так он вообще зависает. Огорчение Пока через ctrlaltdel не убью процесс - вся система висит.

файл сохраняю с расширением php, версия IE вот такая:


 

Powered by ExBB FM 1.0 RC1