Поиск:

Ответ в темуСоздание новой темы Создание опроса
> IE неправильно отображает простую таблицу, или скрей всего я чето намудрил 
V
    Опции темы
Matrix_grek
Дата 26.9.2006, 17:10 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



Профиль
Группа: Участник
Сообщений: 2
Регистрация: 26.9.2006

Репутация: нет
Всего: нет
Таблица состоит из трех рядов: два фиксированых (верхний и нижний), а центральный должен растягиватся и заполнять все оставшееся пространство. В IE высота среднего ряда состовляет 100% площади экрана, изза чего он выталкивает за экран нижний ряд. 

Помогите.

Код

<%@page contentType="text/html"%>
<%@page pageEncoding="UTF-8"%>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <title>test</title>
        <meta http-equiv="Content-Type" content="text/html;"/>
        <LINK HREF='test.css' REL="stylesheet" TYPE="text/css">
    </head>

    <body><table width="100%" style="height: 100%">
        <tr>
            <td id="header-container">
                <table width="100%" style="height: 100%"><tr><td width="100%"></td></tr></table>
            </td>
        </tr>                            
        <tr>
            <td id="main-content-panel-container">
                <table width="100%"  style="height: 100%"><tr><td width="100%"></td></tr></table>
            </td>
        </tr>
        <tr>
            <td id="footer-container">
                <table width="100%" style="height: 100%"><tr><td width="100%"></td></tr></table>
            </td>
        </tr>
    </table></body>
</html>



и ЦСС

Код

   
   html, body {
      margin: 0px;
      padding: 0px;
      width: 100%;
      height: 100%;
   }

   
    table{
        border: 0px; /* border="0" */
        border-collapse: collapse; /* cellspacing="0" */
    }

    table td{
        padding: 0px; /* cellspadding="0" */
    }

/*--------------------------------------------------------------------------------*/
   
   row #header-container { width: 188px; }
   row #main-content-panel-container { width: 100%; }
   row #footer-container { width: 115px; }

   #header-container {
      height: 188px;
      width: 100%;
      border: 2px solid blue;
     
   }

   #main-content-panel-container {
      width: 100%;
      height: 100%;
      border: 2px solid red;
     
   }

   #footer-container {
      width: 100%;
      height: 115px;
      border: 2px solid green;
   }

   
/*--------------------------------------------------------------------------------------------------------*/
 
PM MAIL   Вверх
Matrix_grek
Дата 27.9.2006, 11:50 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



Профиль
Группа: Участник
Сообщений: 2
Регистрация: 26.9.2006

Репутация: нет
Всего: нет
Дико извиняюсь

Поиск рулит

http://forum.vingrad.ru/index.php?showtopic=113469

Тему можно стереть.
PM MAIL   Вверх
  
 Ответ в темуСоздание новой темы Создание опроса
0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема | Продвижение и оптимизация сайтов | Следующая тема »

Подписаться на тему | Подписка на этот форум | Скачать/Распечатать тему


 




[ Время генерации скрипта: 0.0627 ]   [ Использовано запросов: 22 ]   [ GZIP включён ]


Реклама на сайте     Информационное спонсорство

 
 По вопросам размещения рекламы пишите на vladimir(sobaka)vingrad.ru
Отказ от ответственности     Powered by Invision Power Board(R) 1.3 © 2003  IPS, Inc.