height = 100% @ DeForum.ru
DeДверь  
Логин:  
Пароль:  
  Автологин  
   
Разместить рекламу
Письмо админу
Правила | FAQ | *Поиск | Наша команда | Регистрация | Вход
 
 
 Страница 1 из 1 [ Сообщений: 27 ] 
*   Список форумов / Начинка и техника / Программирование для WWW » ответить » создать топик « | »
Автор Сообщение
Parkhomenko Муж.
постоянный участник
30
Сообщения: 2776
Зарегистрирован: 06.01.06
Заголовок сообщения: height = 100%
Сообщение Добавлено: 17 Февраль 2006, 00:32:06 
Начал верстку макета и столкнулся с ужаснувшей меня проблему. В кратце: есть таблица, она должна всегда быть от самого верха до самого низа страницы быть растянута, при разных разрешениях экрана. Не должна зависить от кол-ва контента. Можете или расписать как достигнуть мою цель или киньте ссылочку на примерный сайт.
x0bbit Муж.
новый человек
10
Сообщения: 235
Зарегистрирован: 26.12.05
Откуда: Москва
Сообщение Добавлено: 17 Февраль 2006, 00:58:41 
Если используешь <!doctype - не исспользуй. Тогда будет режим совместимости, при котором можно растянуть таблицу на 100% по высоте. Работает принцип на всех агентах.

Был еще виденный мною хинт, позволяющий сделать 100% валидным xhtml 1.0 strict, но ссылочку к сожалению потерял. Но факт есть - как то можно.


Последний раз редактировалось x0bbit 17 Февраль 2006, 01:02:29, всего редактировалось 1 раз.
(sp)
соучастник
0
Сообщения: 559
Зарегистрирован: 22.01.05
Сообщение Добавлено: 17 Февраль 2006, 01:01:45 
Мега-хинт:
Код:
<table style="width:100%; height:100%;">
<tbody>
<tr><td style="height:100%;">stuff</td></tr>
</tbody>
</table>

_________________
baby`s got an atom bomb
Parkhomenko Муж.
постоянный участник
30
Сообщения: 2776
Зарегистрирован: 06.01.06
Сообщение Добавлено: 17 Февраль 2006, 01:06:46 
(sp), спасибо. Попробую :beer:
(sp)
соучастник
0
Сообщения: 559
Зарегистрирован: 22.01.05
Сообщение Добавлено: 17 Февраль 2006, 02:13:14 
Parkhomenko, попробуй заодно почитать спецификацию HTML, там много чего про это.

_________________
baby`s got an atom bomb
Pritorian Муж.
участник
0
Сообщения: 1867
Зарегистрирован: 19.01.05
Откуда: Odessa
Сообщение Добавлено: 17 Февраль 2006, 02:22:47 
Кажется высоту 100% держит только ИЕ
Abstract Муж.
постоянный участник
37
Сообщения: 3900
Зарегистрирован: 25.10.05
Откуда: Ближнее зарубежье
Сообщение Добавлено: 17 Февраль 2006, 02:36:36 
Мегахинт. Сам пробовал? :lol:

Parkhomenko, вот это к мегахинту добавь:
Код:
<style type="text/css">
   html, body {
      height: 100%;
   }
   </style>
x0bbit Муж.
новый человек
10
Сообщения: 235
Зарегистрирован: 26.12.05
Откуда: Москва
Сообщение Добавлено: 17 Февраль 2006, 04:31:14 

Abstract писал(а):
Мегахинт. Сам пробовал? :lol:

Код:
<style type="text/css">
   html, body {
      height: 100%;
   }
   </style>



Вот как раз это и не сработает в IE6 при xhtml 1.0 strict. В Опере и FF работать будет.
А я где то видел мегахинт для всех трех клиентов, только потерял :(
Abstract Муж.
постоянный участник
37
Сообщения: 3900
Зарегистрирован: 25.10.05
Откуда: Ближнее зарубежье
Сообщение Добавлено: 17 Февраль 2006, 10:16:43 
x0bbit, правда чтоль? :eek: А у меня работает. К чему бы это?
Изображение
Код:
<!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" xml:lang="en" lang="en">
<head>
<head>
   <title></title>
   <style type="text/css">
   html, body {
      height: 100%;
   }
   </style>
</head>
<body>
<table style="width:100%; height:100%; border: solid 2px;">
<tbody>
<tr><td style="height:100%;">stuff</td></tr>
</tbody>
</table>
</body>
</html>
Parkhomenko Муж.
постоянный участник
30
Сообщения: 2776
Зарегистрирован: 06.01.06
Сообщение Добавлено: 17 Февраль 2006, 10:45:42 

(sp) писал(а):
Parkhomenko, попробуй заодно почитать спецификацию HTML, там много чего про это.



Хех... Ёпт. думаю это вопрос к CSS ИБО тупое прописывание height=100% ни к чему не приведет... думаю вы это знали и сами.
Abstract Муж.
постоянный участник
37
Сообщения: 3900
Зарегистрирован: 25.10.05
Откуда: Ближнее зарубежье
Сообщение Добавлено: 17 Февраль 2006, 10:53:16 
Parkhomenko, ну вот работающий код, чего же боле? :)
x0bbit Муж.
новый человек
10
Сообщения: 235
Зарегистрирован: 26.12.05
Откуда: Москва
Сообщение Добавлено: 17 Февраль 2006, 11:27:30 
возможно это хитрый глюк =)
Дело в том, что у меня разрешение 1024х768 и сайт (над которым работал) с таблицей заполнял весь экран и даже полоса прокрутки появлялась. Поэтому, чтобы проверить как таблица тянется на 100%, я переключался в режим киоска (F11). При исспользовани аналогичного твоему кода, в ie табличка зависала на экране в позиции middle и остовались полосы сверху и снизу. Пришлось удалять <!doctype - только тогда заработало.…
Abstract Муж.
постоянный участник
37
Сообщения: 3900
Зарегистрирован: 25.10.05
Откуда: Ближнее зарубежье
Сообщение Добавлено: 17 Февраль 2006, 11:33:37 
x0bbit, а не надо заниматься нехорошими вещами. Достаточно было вставить перед доктайпом объявление XML, как ему и положено. И потом, у тебя не самый новый ИЕ, как я подозреваю? Он несколько иначе себя ведёт.
Abstract Муж.
постоянный участник
37
Сообщения: 3900
Зарегистрирован: 25.10.05
Откуда: Ближнее зарубежье
Сообщение Добавлено: 17 Февраль 2006, 11:37:21 
x0bbit, собственно, что касается полос прокрутки и прочего - так на то нам циферки и даны, чтобы ими подстраивать, да? ;) И процеты высоты и маргины...
x0bbit Муж.
новый человек
10
Сообщения: 235
Зарегистрирован: 26.12.05
Откуда: Москва
Сообщение Добавлено: 17 Февраль 2006, 11:39:36 
Abstract
У меня именно самый новый (но не семерка) Версия: 6.0.2900.2180.xpsp_sp2
Эксперименты с объявлением xml были. Ненадо считать себя самым умным. Кстати какое именно объявление ты имеешь в виду? То, которое <doctype или то, которое <?xml ? И в чем это мои вещи нехорошие? :laugh:

Updated: о папка сейчас меня всему научит :laugh: ладно, без обид, но твои реплики (про циферки) не в кассу.
Abstract Муж.
постоянный участник
37
Сообщения: 3900
Зарегистрирован: 25.10.05
Откуда: Ближнее зарубежье
Сообщение Добавлено: 17 Февраль 2006, 11:49:29 

Цитата:
У меня именно самый новый (но не семерка) Версия: 6.0.2900.2180

- посмотри на мой рисунок ещё раз плз, на номер версии.

Цитата:
Эксперименты с объявлением xml были. Ненадо считать себя самым умным. Кстати какое именно объявление ты имеешь в виду?

- без комментариев! Если ты не знаешь о чём речь, то какие могут быть эксперименты? Почитай что ни будь о XHTML на W3C, например вот тут: http://www.w3.org/MarkUp/2004/xhtml-faq

Цитата:
И в чем это мои вещи нехорошие?

- в том, что если ты говоришь о XHTML, то советовать не ставить доктайп - ламерство.
x0bbit Муж.
новый человек
10
Сообщения: 235
Зарегистрирован: 26.12.05
Откуда: Москва
Сообщение Добавлено: 17 Февраль 2006, 11:59:13 
Признаю - ошибся. Возможно неправильно тебя понял. Да, действительно, если поставить <?xml, эксплорер переходит в режим совместимости и растягивает как надо.

PS но про циферки все равно не к месту :gent:
Parkhomenko Муж.
постоянный участник
30
Сообщения: 2776
Зарегистрирован: 06.01.06
Сообщение Добавлено: 17 Февраль 2006, 12:14:58 
вроде сайт под мои нужды :laugh: http://www.kengry.ru/
Abstract Муж.
постоянный участник
37
Сообщения: 3900
Зарегистрирован: 25.10.05
Откуда: Ближнее зарубежье
Сообщение Добавлено: 17 Февраль 2006, 13:17:43 
x0bbit, скажи мне плз, с каких пор 6.0.290 стало больше чем 6.0.379? :D Спешу разочаровать, это более поздняя веросия и кое в чём работает иначе, о чём, впрочем, в этом разделе неоднократно писалось.
x0bbit Муж.
новый человек
10
Сообщения: 235
Зарегистрирован: 26.12.05
Откуда: Москва
Сообщение Добавлено: 17 Февраль 2006, 22:12:35 

Abstract писал(а):
x0bbit, скажи мне плз, с каких пор 6.0.290 стало больше чем 6.0.379? :D Спешу разочаровать, это более поздняя веросия и кое в чём работает иначе, о чём, впрочем, в этом разделе неоднократно писалось.



Однакож у тебя вроде не стоит SP2? Возможно нумерация необъективна?
Я не представляю, как у меня может оказаться более старая версия IE при наличии всех обновлений.

Да бог с ним с IE. Даже если работа моей версии чем то и отличается о твоей, то явно не интерпритацией доктейпов и height'ов. А кстати чем?
My3bIKAHT
постоянный участник
42
Сообщения: 2599
Зарегистрирован: 27.07.02
Откуда: Msk-Vlg
Сообщение Добавлено: 17 Февраль 2006, 22:30:01 
ой, ля
поиском не пробовали искать?

<table width="100%" height="100%">
<tr style="height: 100%" valign="middle">
<td align="center">
Эта надпись будет в центре экрана
</td>
</tr>
</table>

_________________
Фуцк!
x0bbit Муж.
новый человек
10
Сообщения: 235
Зарегистрирован: 26.12.05
Откуда: Москва
Сообщение Добавлено: 17 Февраль 2006, 22:52:15 
оффтопик:
My3bIKAHT хм.. к чему бы это..
Abstract Муж.
постоянный участник
37
Сообщения: 3900
Зарегистрирован: 25.10.05
Откуда: Ближнее зарубежье
Сообщение Добавлено: 17 Февраль 2006, 23:14:31 
x0bbit, просто у тебя ХР Sp2, а у меня 2003 server Sp1. А отличается в частности и отработкой доктайпов. Моя намного строже к стандартам. Например там, где твоя скушает без вопроов какой-то маленький баг, моя выдаёт прокрутку.
Parkhomenko Муж.
постоянный участник
30
Сообщения: 2776
Зарегистрирован: 06.01.06
Сообщение Добавлено: 17 Февраль 2006, 23:32:38 
My3bIKAHT, ой ля пробовал...
тема была найдена почти такая же... только тогда последним утвердительным ответом было - нельзя!
Abstract Муж.
постоянный участник
37
Сообщения: 3900
Зарегистрирован: 25.10.05
Откуда: Ближнее зарубежье
Сообщение Добавлено: 17 Февраль 2006, 23:36:00 
Parkhomenko, http://xpoint.ru/forums/internet/html_css/index.xhtml
1NV1Z0R
соучастник
12
Сообщения: 971
Зарегистрирован: 27.09.05
Сообщение Добавлено: 18 Февраль 2006, 10:46:20 
жесть какая.
решение которое всегда работает и работало:

<style>
html,body,div {
height:100%;
padding:0;
margin:0;
}

div {
background:#fc9;
}
<style>



<div></div>

И никаких квирков, конечно.
Abstract Муж.
постоянный участник
37
Сообщения: 3900
Зарегистрирован: 25.10.05
Откуда: Ближнее зарубежье
Сообщение Добавлено: 18 Февраль 2006, 15:41:57 
1NV1Z0R, другая форма жести, всё таки не див, а класс дива. :) Это-то ясно, товарисч же чиссаканкретна хотел таблицу. :insane:
*   Список форумов / Начинка и техника / Программирование для WWW « | » » ответить » создать топик
 Страница 1 из 1 [ Сообщений: 27 ] 
Показать сообщения за:   Поле сортировки  
Найти:
Перейти:  
Уровень доступа: Вы не можете начинать темы. Вы не можете отвечать на сообщения. Вы не можете редактировать свои сообщения. Вы не можете удалять свои сообщения. Вы не можете добавлять вложения.
cron


ООО ДеФорум
При использовании материалов сайта ссылка на DeForum.ru — обязательна.
Проект Павла Батурина ©2001-2077; // Powered by phpBB © 2013 phpBB Group
Rambler's Top100