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

Warning: Invalid argument supplied for foreach() in /home/admin/public_html/forum/topic.php on line 737
Форумы портала PHP.SU :: Как заставить ячейку контента в таблице, занять оставшееся место от 100% высоты всей таблицы в IE?

 PHP.SU

 Программирование на PHP, MySQL и другие веб-технологии
PHP.SU Портал     На главную страницу форума Главная     Помощь Помощь     Поиск Поиск     Поиск Яндекс Поиск Яндекс     Вакансии  Пользователи Пользователи


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

> Без описания
Поиск в теме | Версия для печати
Land
Отправлено: 19 Марта, 2009 - 16:56:56
Post Id



Новичок


Покинул форум
Сообщений всего: 39
Дата рег-ции: Март 2007  


Помог: 0 раз(а)
В Опере всё ок, а вот 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>
 
 Top
valenok
Отправлено: 19 Марта, 2009 - 21:18:40
Post Id



Здесь могла бы быть ваша реклама


Покинул форум
Сообщений всего: 4574
Дата рег-ции: Июль 2006  
Откуда: Israel


Помог: 3 раз(а)
в IE никак.
Можешь попробовать джаваскриптом считать высоты и пичкать ячейку переводами строки.
Можешь попробовать похитрить с позиционированием. Поставить блок с таким же border_bottom и position:fixed в самый низ и будет визуально казаться что последний блок тянется до конца.


-----
Truly yours, Sasha.
 
My status
 Top
Stierus Супермодератор
Отправлено: 20 Марта, 2009 - 11:35:25
Post Id



Рекордсмен по количеству сообщений за 7 дней


Покинул форум
Сообщений всего: 2132
Дата рег-ции: Дек. 2008  
Откуда: Москваль


Помог: 52 раз(а)
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>

(Добавление)
А вообще подобные задачи дивами проще решать
 
My status
 Top
_kT
Отправлено: 20 Марта, 2009 - 20:45:55
Post Id



Гость


Покинул форум
Сообщений всего: 97
Дата рег-ции: Июль 2008  
Откуда: Новокузнецк


Помог: 0 раз(а)
вообще - то у таблици ставить высоту не есть нормально )) дивами делай
(Добавление)
p.s. и ваще ie6 такое зло - вот выпустили неподумав её и щас все веб разработчики мучаются.

я на работе замучался каждый сайт под ие6 фиксбагами заниматься


-----
http://www[dot]razbor[dot]org/ - б/у автозапчасти
 
 Top
valenok
Отправлено: 20 Марта, 2009 - 21:29:48
Post Id



Здесь могла бы быть ваша реклама


Покинул форум
Сообщений всего: 4574
Дата рег-ции: Июль 2006  
Откуда: Israel


Помог: 3 раз(а)
так они еще и ие7 и 8 выпустили ..


-----
Truly yours, Sasha.
 
My status
 Top
Land
Отправлено: 23 Марта, 2009 - 03:55:31
Post Id



Новичок


Покинул форум
Сообщений всего: 39
Дата рег-ции: Март 2007  


Помог: 0 раз(а)
Большое спасибо, за ответы. Утром проснусь - попробую. Закатив глазки

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


Да IE, зло, я даже на сайт интересный наткнулся:
_http://toastytech.com/evil/ Ха-ха
 
 Top
Land
Отправлено: 24 Марта, 2009 - 04:40:28
Post Id



Новичок


Покинул форум
Сообщений всего: 39
Дата рег-ции: Март 2007  


Помог: 0 раз(а)
Stierus

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

файл сохраняю с расширением php, версия IE вот такая:
 
 Top
Поиск в теме | Версия для печати
Страниц (1): [1]
Сейчас эту тему просматривают: 0 (гостей: 0, зарегистрированных: 0)
« HTML, Дизайн & CSS »


Все гости форума могут просматривать этот раздел.
Только зарегистрированные пользователи могут создавать новые темы в этом разделе.
Только зарегистрированные пользователи могут отвечать на сообщения в этом разделе.
  



Powered by PHP  Powered By MySQL  Powered by Nginx  Valid CSS  RSS

 
Powered by ExBB FM 1.0 RC1. InvisionExBB