VPF::Таблица по высоте - Форум программистов

IvanB

Дата 25.9.2006, 17:03 (ссылка)

(нет голосов)

Загрузка ...

Бывалый

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

Репутация: нет
Всего: 5

Привет всем.

Проблема тут небольшая возникла.... Пишу html код:

Код


<!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>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
<title>Untitled Document</title>
<link href="style.css" rel="stylesheet" type="text/css" />
</head>
<body>
 <table cellpadding="0" cellspacing="0" height="100%" width="100%" border="1px">
  <tr align="center" height="92px">
   <td height="92px">Header</td>
  </tr>
  <tr align="center">
   <td>Содержимое страницы</td>
  </tr>
  <tr align="center" height="133px">
   <td headers="133px">footer</td>
  </tr>
 </table>
</body>
</html>

Файл style.css:

Код


html, body {
  height: 100%; 
  margin: 0; 
  padding: 0;
  background-color:#d6d7dd;
}

В Опере и Мозилле всё отлично отображается.... Как надо.
Открываю в IE - и всё работает не так...
Подскажите, пожалуйста, почему.... И как исправить...
Заранее благодарен. smile

Это сообщение отредактировал(а) IvanB - 25.9.2006, 17:04

--------------------

Закон отладки: Каждая последняя ошибка является предпоследней.

R.M.

Дата 26.9.2006, 00:09 (ссылка)

(нет голосов)

Загрузка ...

Анархист

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

Репутация: 9
Всего: 30

Для начала выкини все параметры из <tr> ! В этот тег не рекомендуется ничего помещать, остальное конечно дело вкуса. Без doctype'а всё работает smile

--------------------

Помнишь как бодрили дискотеки прошлого века? Теперь стул, компьютер и нету человека.

Nokia LifeStyle - Всё для смартфонов Nokia

Illuminaty

Дата 26.9.2006, 03:26 (ссылка)

(нет голосов)

Загрузка ...

/*Антон Захаров*/

Профиль
Группа: Комодератор
Сообщений: 1238
Регистрация: 19.3.2005
Где: Россия, Казань

Репутация: 25
Всего: 56

Цитата(R.M. @ 26.9.2006, 01:09

)

Без doctype'а всё работает

Без DOCTYPE не валидно...
У меня в 3 основных браузерах (IE 6, FF 1.5, Opera 8.5) работает следующий абсолютно валидный код

Код

<?xml version="1.0" encoding="windows-1251"?>
<!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>Таблица по высоте совмещение % и px</title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
<style media="screen" type="text/css">
<!--/*--><![CDATA[/*><!--*/
html, body {
    margin: 0px;
    padding: 0px;
    background-color: #d6d7dd;
    height: 100%;
}
body {
    overflow: auto;
}
#mainTable {
    width: 100%;
    height: 100%;
    border-collapse: collapse;
}
#mainTable td {
    border: 1px solid black;
    padding: 0px;
    text-align: center;
}
/*]]>*/-->
</style>
</head>
<body> 
<table id="mainTable" summary=""> 
        <tr style="height: 92px; "> 
                <td>Header</td> 
        </tr> 
        <tr> 
                <td>Содержимое страницы</td> 
        </tr> 
        <tr style="height: 133px; "> 
                <td>footer</td> 
        </tr> 
</table> 
</body>
</html>

yalo

Дата 26.9.2006, 08:31 (ссылка)

(нет голосов)

Загрузка ...

Бывалый

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

Репутация: нет
Всего: 2

А что делать, если просто оч необходимо использовать rowspan в подобном коде

Код


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
</HEAD>
<BODY leftmargin="0" rightmargin="0" topmargin="0">
<TABLE border="1" width="462" height="100%" cellpadding="0" cellspacing="0">
<TR>
    <TD rowspan="2" height="365"><img src="images/im80365.gif" height="365" width="80"></TD>
    <TD height="65"><img src="images/im65100.gif" height="65" width="100"></TD>
    <TD height="65"><img src="images/im22565.gif" height="65" width="225"></TD>
    <TD height="65"><img src="images/im5765.gif" height="65" width="57"></TD>
</TR>
<TR>
    <TD colspan="3"><img src="images/spot.gif" height="1" width="1"></TD>
</TR>
</TABLE>
</BODY>
</HTML>

опять же получается, что в мозилле и опере работает, в эксплорере нет, хоть убирай доктайп, хоть нет, я даже знаю, что если указывать фиксированную высоту таблицы + указать соответствующую высоту во второй строке таблицы (высота таблицы - высота первой строчки), то эксплорер сработает корректно, хотя конечно странно было бы совсем, если бы он и в этом случае некорректно сработал;)
есть ли какое средство борьбы с эксплорером в таких случаях?
или остается просто отказываться от rowspan, когда не все высоты строк заранее известны?

Illuminaty

Дата 26.9.2006, 09:21 (ссылка)

(нет голосов)

Загрузка ...

/*Антон Захаров*/

Профиль
Группа: Комодератор
Сообщений: 1238
Регистрация: 19.3.2005
Где: Россия, Казань

Репутация: 25
Всего: 56

Попробуй вложенные таблицы. Вариант на скорую руку:

Код

<?xml version="1.0" encoding="windows-1251"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
<style media="screen" type="text/css">
<!--/*--><![CDATA[/*><!--*/
html, body {
    margin: 0px;
    padding: 0px;
    background-color: #FFFFFF;
    height: 100%;
}
body {
    overflow: auto;
}
#mainTable, #innerTable {
    border-collapse: collapse;
    height: 100%;
}
#mainTable {
    width: 462px;
}
#innerTable {
    width: 382px;
}
#mainTable td, #innerTable td {
    padding: 0px;
    border: 1px solid black;
    vertical-align: top;
}
td.header {
    height: 65px;
}
/*]]>*/-->
</style>
</head>
<body> 
<table id="mainTable" summary=""> 
        <tr> 
                <td style="background-color:#FF9900; width: 80px; "><img src="images/im80365.gif" alt="" width="80" height="365" /></td> 
                <td><table summary="" id="innerTable"> 
                                <tr> 
                                        <td class="header"><img src="images/im65100.gif" alt="" width="100" height="65" /></td> 
                                        <td class="header"><img src="images/im22565.gif" alt="" width="225" height="65" /></td> 
                                        <td class="header"><img src="images/im5765.gif" alt="" width="57" height="65" /></td> 
                                </tr> 
                                <tr> 
                                        <td colspan="3"><img src="images/spot.gif" alt="" width="1" height="1" /></td> 
                                </tr> 
                        </table></td> 
        </tr> 
</table> 
</body>
</html>

IvanB

Дата 26.9.2006, 15:21 (ссылка)

(нет голосов)

Загрузка ...

Бывалый

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

Репутация: нет
Всего: 5

M
Illuminaty

IvanB, не нужно цитировать все сообщение, чтобы ответить

У меня не пашет нормально.... Версия IE - 6.0.2800.1106.xpsp2
Всем спасибо... Решил делать через убирание doctyp-а... Т.к. больше вариантов не вижу.)

Это сообщение отредактировал(а) Illuminaty - 26.9.2006, 18:24

--------------------

Закон отладки: Каждая последняя ошибка является предпоследней.

Illuminaty

Дата 26.9.2006, 18:27 (ссылка)

(нет голосов)

Загрузка ...

/*Антон Захаров*/

Профиль
Группа: Комодератор
Сообщений: 1238
Регистрация: 19.3.2005
Где: Россия, Казань

Репутация: 25
Всего: 56

IvanB, а ты думаешь, что эта строчка -

Код

<?xml version="1.0" encoding="windows-1251"?>

просто так написана? Для красоты? smile

Убрал ведь ее наверняка. Без нее не работает, с ней - все прекрасно smile

IvanB

Дата 4.10.2006, 13:56 (ссылка)

(нет голосов)

Загрузка ...

Бывалый

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

Репутация: нет
Всего: 5

Убрал....
Угадал..... Спасибо)
Работает) Буду думать......

Это сообщение отредактировал(а) IvanB - 4.10.2006, 13:58

--------------------

Закон отладки: Каждая последняя ошибка является предпоследней.

0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| Вёрстка веб-сайтов \| Следующая тема »