| |
|
|
| | При стандарте
<!DOCTYPE html public "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<table width="100%" height="100%">
...
|
Это не воспринимается как должно быть, т.е. текст, который должен располагаться по центру экрана по идее там не располагается, ибо параметр height со значением 100% не воспринимается данным стандартом.
Как можно решить эту задачу? | |
| |
|
|
| |
|
|
| |
для: Maxam
(07.10.2009 в 00:56)
| | | Можно задать эти параметры через CSS, а не через атрибуты. | |
| |
|
|
| |
|
|
| |
для: Maxam
(07.10.2009 в 00:56)
| | |
<!DOCTYPE html public "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<style>
html, body {width: 100%; height: 100%; margin: 0; padding: 0}
</style>
</head>
<body>
<table style="width: 100%; height: 100%">
<tr><td style="text-align: center">Center</td></tr></table>
</body>
</html>
|
| |
| |
|
|
| |
|
|
| |
для: АЯ
(07.10.2009 в 01:32)
| | | Фишка в том, что когда я делаю поля:
---------------------------------------------
|||||||||||||||||||||||||| 1% ||||||||||||||||||||||||||
---------------------------------------------
|||||||||||||||||||||||||| 98% |||||||||||||||||||||||
---------------------------------------------
|||||||||||||||||||||||||| 1% ||||||||||||||||||||||||||
---------------------------------------------
|
то ничего не работает. Т.е. он превращает страницу в:
---------------------------------------------
|||||||||||||||||||||||||| 1% ||||||||||||||||||||||||||
---------------------------------------------
% в зависимости от высоты текста
---------------------------------------------
|||||||||||||||||||||||||| 1% ||||||||||||||||||||||||||
---------------------------------------------
|
| |
| |
|
|
| |
|
|
| |
для: Maxam
(07.10.2009 в 23:24)
| | | Получается
-+-+-+-+-+-+
Текст
страницы
-+-+-+-+-+-+
|
а не:
-+-+-+-+-+-+
Текст
страницы
-+-+-+-+-+-+
|
| |
| |
|
|
| |
|
|
| |
для: Maxam
(07.10.2009 в 23:26)
| | | Попробую предположить: а vertical-align: middle для ячейки задан? | |
| |
|
|
| |
|
|
| |
для: Madman
(08.10.2009 в 13:15)
| | | Действует по умолчанию. | |
| |
|
|
| |
|
|
| |
для: Maxam
(07.10.2009 в 23:24)
| | | Так это совсем другое.
Это уже проблема с height не для тега <table>, а для тегов <tr> и <td>.
Здесь вам надо помнить об одном очень важном правиле - все браузеры строят таблицы так, чтобы обязательно показать пользователю содержимое ячеек. Т.е. если вы зададите какой-то строке (ячейке) размер по высоте, равный 10 пикселям, а сами поместите туда картинку высотой 15 пикселей, то браузер плюнет на ваше указание и сделает строку (ячейку) такой, чтобы содержимое ячейки полностью поместилось в ней.
Соответственно, если вы задаёте на строку всего 1% от высоты окна и не определяете размер шрифта и паддинг в этой ячейке, то вы рискуете тем, что браузеру никак не хватит 1% от высоты страницы для того, чтобы поместить туда всё то, что вы хотите.
Вот пример, где всё прекрасно работает во всех браузерах.
Но для этой "прекрасности" пришлось сделать то, что выделено жирно:
<!DOCTYPE html public "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<style>
html, body {width: 100%; height: 100%; margin: 0; padding: 0}
</style>
</head>
<body>
<table style="width: 100%; height: 100%" cellpadding="0" cellspacing="0">
<tr style="height: 1%"><td style="text-align: center; font-size: 0">1% </td></tr>
<tr style="height: 98%"><td style="text-align: center">98%<br>98%<br>98%<br>98%</td></tr>
<tr style="height: 1%"><td style="text-align: center; font-size: 0">1% </td></tr>
</table>
</body>
</html>
|
Если уберёте хоть что-то из выделенного жирным, то сразу увидите появившийся вертикальный скроллинг у страницы. | |
| |
|
|
| |
|
|
| |
для: АЯ
(08.10.2009 в 00:15)
| | | Ввёл в код:
html, body {
width: 100%; height: 100%
}
|
и всё заработало.
Только сейчас проблема в том, что нижний 1% не видел (появляется полоса прокрутки и он прячется за ней).
-+-+-+-+-+-+-+-
top ||
||
center ||
-+-+-+-+-+-+-+-
|
Прокрутили:
-+-+-+-+-+-+-+-
center ||
||
bottom ||
-+-+-+-+-+-+-+-
|
| |
| |
|
|
| |
|
|
| |
для: Maxam
(09.10.2009 в 00:32)
| | | В газете опубликовали инструкцию.
Чтобы убить таракана, надо:
1. Снять рукой с ноги тапок.
2. Занести руку с тапком над тараканом.
3. Сильно ударить тапком по таракану.
|
Через неделю в редакцию газеты пришло письмо:
Дорогая редакция!
Я выполнил вашу инструкцию - снял тапок и занес его над тараканом.
Держал тапок над тараканом четыре часа, пока рука не устала.
Но таракан так и не умер.
Что я сделал не так?
С уважением, Иван Петрович Сидоров.
|
Как вы думаете - что ответила Ивану Петровичу Сидорову редакция газеты?
-----
У нас с вами аналогичный случай.
Я вам тоже написал инструкцию, где мною было выделено жирным:
...
html, body {width: 100%; height: 100%; margin: 0; padding: 0}
...
cellpadding="0" cellspacing="0"
...
font-size: 0
...
и мною было специально обращено ваше внимание:
"Если уберёте хоть что-то из выделенного жирным, то сразу увидите появившийся вертикальный скроллинг у страницы."
|
Вы мне отвечаете:
Ввёл в код:
html, body {
width: 100%; height: 100%
}
и сейчас проблема в том, что нижний 1% не видел (появляется полоса прокрутки и он прячется за ней).
|
Что мне вам ответить? :-) | |
| |
|
|
