Модераторы: Illuminaty
  

Поиск:

Ответ в темуСоздание новой темы Создание опроса
> таблица с высотой 100% в ОПЕРЕ, в ие работает в опере нет 
:(
    Опции темы
Step
Дата 3.5.2006, 17:16 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Эксперт
****


Профиль
Группа: Экс. модератор
Сообщений: 5151
Регистрация: 26.9.2002
Где: дурдом.UA

Репутация: нет
Всего: 25
таблица с высотой 100% в ОПЕРЕ

как сделать что бы таблица на всю высоту области отображения растягивалась 


--------------------
- Дурак учится на своих ошибках, умный на чужих.
 - умные учатся у дураков
PM MAIL ICQ   Вверх
Illuminaty
Дата 3.5.2006, 19:06 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


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


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

Репутация: 25
Всего: 56
Код
body, html, table{
    height: 100%;
}
body {
    margin: 0px;
    padding: 0px;
}
 Opera 8.5, FF 1.5, IE 6
Удачи!  
PM MAIL ICQ   Вверх
Alone
Дата 3.5.2006, 23:31 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


Профиль
Группа: Участник
Сообщений: 663
Регистрация: 11.5.2003
Где: Dnepropetrovsk, U A

Репутация: 1
Всего: 6
а под какой это doctype??? 


--------------------
web developer/telecommunication specialist.
mailto: [email protected]
ICQ#28442924
PM MAIL WWW ICQ   Вверх
Illuminaty
Дата 3.5.2006, 23:38 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


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


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

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

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">


Добавлено @ 23:49 
и даже без doctype все работает:
Код
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<style>
body, html, table{
    height: 100%;
}
body {
    margin: 0px;
    padding: 0px;
}
</style>
</head>

<body>
<table width="100%"  border="0" cellspacing="0" cellpadding="0">
        <tr bgcolor="#9966CC">
                <td>&nbsp;</td>
                <td>&nbsp;</td>
        </tr>
        <tr>
                <td>&nbsp;</td>
                <td>&nbsp;</td>
        </tr>
        <tr bgcolor="#99FFCC">
                <td>&nbsp;</td>
                <td>&nbsp;</td>
        </tr>
</table>
</body>
</html>

Удачи! 
PM MAIL ICQ   Вверх
Step
Дата 4.5.2006, 00:13 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Эксперт
****


Профиль
Группа: Экс. модератор
Сообщений: 5151
Регистрация: 26.9.2002
Где: дурдом.UA

Репутация: нет
Всего: 25
ага работает, действительно, теперь новая проблема опять с оперой,

если всетаки страница не умещается, то кое что просто не отображается 


--------------------
- Дурак учится на своих ошибках, умный на чужих.
 - умные учатся у дураков
PM MAIL ICQ   Вверх
Alone
Дата 4.5.2006, 00:27 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


Профиль
Группа: Участник
Сообщений: 663
Регистрация: 11.5.2003
Где: Dnepropetrovsk, U A

Репутация: 1
Всего: 6
Цитата
и даже без doctype все работает:

smile Многие заблуждаются на этом smile
Без явного указания доктайпа - браузер переходит в... э... не помню какой там режим, типа generic doctype и таки показывает содержимое smile но нет гарантии что это будет выглядеть тоно так же на другом браузере... Хотя, с отношением М$  к w3c стандартам - ничего хорошего ждать не приходится smile 


--------------------
web developer/telecommunication specialist.
mailto: [email protected]
ICQ#28442924
PM MAIL WWW ICQ   Вверх
Step
Дата 4.5.2006, 00:27 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Эксперт
****


Профиль
Группа: Экс. модератор
Сообщений: 5151
Регистрация: 26.9.2002
Где: дурдом.UA

Репутация: нет
Всего: 25
а совсем забыл сказать у меня все в div-е было по этому сразу не работало а потом дошло


спасибо 


--------------------
- Дурак учится на своих ошибках, умный на чужих.
 - умные учатся у дураков
PM MAIL ICQ   Вверх
AztEK
Дата 4.5.2006, 06:22 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


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

Репутация: 4
Всего: 18
Цитата
Без явного указания доктайпа - браузер переходит в... э... не помню какой там режим


QuirksMode это называется.

На http://www.quirksmode.org/ хорошая статья была на эту тему. Щас чето не могу найти... 


--------------------
Linux is like wigwam -- no windows, no gates, apache inside.
PM MAIL Jabber   Вверх
kирилл
Дата 29.5.2006, 09:11 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Шустрый
*


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

Репутация: нет
Всего: нет
А если необходимо, чтобы высота изменялась растягиванием не каждой строки, а какой-то определенной? 
PM MAIL   Вверх
Str!pe
Дата 29.5.2006, 15:30 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


профиль удален
****


Профиль
Группа: Участник
Сообщений: 2426
Регистрация: 12.6.2005
Где: На земле.

Репутация: 3
Всего: 152
kирилл, 
Ну к ней и примени стили! 


--------------------
Со мной можно связаться по скайпу или по аське.
Занимаюсь продвижением сайтов - самой таргетированной рекламой.
PM MAIL ICQ Skype   Вверх
kирилл
Дата 29.5.2006, 16:07 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Шустрый
*


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

Репутация: нет
Всего: нет
Цитата(Stripe @  29.5.2006,  15:30 Найти цитируемый пост)
Ну к ней и примени стили!

Попробуй, изобрази... 
Допустим есть табличка:
Код

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
<title>Untitled Document</title>
<style>
body{
    height: 100%;
}
</style>
</head>

<body style="padding:0px; margin:0px">
<table border="1" style="width:100%; height:100%">
<tr>
<td>
&nbsp;
</td>
<td>
&nbsp;
</td>
</tr>
<tr>
<td colspan="2">
&nbsp;
</td>
</tr>
<tr>
<td>
&nbsp;
</td>
<td>
&nbsp;
</td>
</tr>
</table>
</body>
</html>


Необходимо, чтобы увеличена была средняя строка, а другие - неизменно. 
PM MAIL   Вверх
Str!pe
Дата 29.5.2006, 19:06 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


профиль удален
****


Профиль
Группа: Участник
Сообщений: 2426
Регистрация: 12.6.2005
Где: На земле.

Репутация: 3
Всего: 152
Цитата(kирилл @  29.5.2006,  16:07 Найти цитируемый пост)
Попробуй, изобрази...


Попробовал изобразил!

Код

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
<title>Untitled Document</title>
<style>
body{
    height: 100%;
}
</style>
</head>

<body style="padding:0px; margin:0px">
<table border="1" style="width:100%; height:100%">
<tr>
<td>&nbsp;

</td>
<td>&nbsp;

</td>
</tr>
<tr>
<td colspan="2"  style="height: 100%">&nbsp;

</td>
</tr>
<tr>
<td>&nbsp;

</td>
<td>&nbsp;

</td>
</tr>
</table>
</body>
</html>


Тестил в Опере, средняя ячейка (та что на два расходится занимает теперь все твое свободное место на одном экране...) не хочешь другие менять (размеры) возьми и вставь распорку в нижнюю и верхнююю части! Это наиболее надежный способ.

Кстати вот так как я показал ниже эта штуковина тоже работает! Представляешь???

Код

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
<title>Untitled Document</title>
<style>
body{
    height: 100%;
}
</style>
</head>

<body style="padding:0px; margin:0px">
<table border="1" style="width:100%; height:100%">
<tr>
<td   style="height: 100px">&nbsp;

</td>
<td>&nbsp;

</td>
</tr>
<tr>
<td colspan="2">&nbsp;

</td>
</tr>
<tr>
<td  style="height: 100px">&nbsp;

</td>
<td>&nbsp;

</td>
</tr>
</table>
</body>
</html>
 


--------------------
Со мной можно связаться по скайпу или по аське.
Занимаюсь продвижением сайтов - самой таргетированной рекламой.
PM MAIL ICQ Skype   Вверх
kирилл
Дата 29.5.2006, 22:00 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Шустрый
*


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

Репутация: нет
Всего: нет
Цитата(Stripe @  29.5.2006,  19:06 Найти цитируемый пост)
Попробовал изобразил!

Молодец! А я пытался установить высоту неизменяемых ячеек. Вот и не получалось. 
PM MAIL   Вверх
Str!pe
Дата 30.5.2006, 14:23 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


профиль удален
****


Профиль
Группа: Участник
Сообщений: 2426
Регистрация: 12.6.2005
Где: На земле.

Репутация: 3
Всего: 152
Цитата(kирилл @  29.5.2006,  22:00 Найти цитируемый пост)
высоту неизменяемых ячеек


Ничего не понял, каких не изменяемых? 


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

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


 




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


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

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