Помощник
|
растянуть таблицу по вертикали на 100% |
jonny11
|
Сообщение
#1
|
||
|
|
||
|
|||
vasvas7775 |
10.12.2010, 8:00;
Ответить: vasvas7775
Сообщение
#2
|
|
Задай фиксированную высоту во всех ячейках, ширину можно сделать в процентах, Примерно так:
<!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" xml:lang="en" lang="en"> <head> <title></title> <style> #header{ width:100%; height:100px; background-color:#FFFF66;} #content{ width:100%; height:500px; BACKGROUND-image: url('a.jpg');} #footer{ width:100%; height:100px; background-color:#FFCC33;} </style> </head> <body> <table cellspading="0" width="100%" height="100%"> <tr> <td id="header"></td> </tr><tr> <td id="content"></td> </tr><tr> <td id="footer"></td> </tr> </table> </body> </html> таблица растянется в зависимости от контента. |
|
|
vasvas7775 |
10.12.2010, 8:30;
Ответить: vasvas7775
Сообщение
#3
|
|
Или можно сделать по другому, у второй ячейки высоту ставишь в процентах, но тогда у тега
<table cellspading="0" width="100%" height="900px"> Высоту надо прописать в Px, например 900px. Ячейки растянутся по высоте таблицы. |
|
|
Miyka |
16.12.2010, 1:21;
Ответить: Miyka
Сообщение
#4
|
|
Ха! У меня не получается растянуть по высоте, то есть ДреамВиевер рисует правильно а браузеры нет, в чем подвох?
|
|
|
Webmaster_hb |
16.12.2010, 2:36;
Ответить: Webmaster_hb
Сообщение
#5
|
|
Miyka, забудьте об использовании высоты на 100%
|
|
|
Malganus |
16.12.2010, 8:13;
Ответить: Malganus
Сообщение
#6
|
|
а разве min-height:100% не выход?
|
|
|
vital_hb |
16.12.2010, 19:21;
Ответить: vital_hb
Сообщение
#7
|
|
"margin-bottom = 0" і "padding-bottom = 0" пробуй використовувати в цсс-стилях.
|
|
|
FightInGlory |
16.12.2010, 19:35;
Ответить: FightInGlory
Сообщение
#8
|
|
Точно не помню, может что-то путаю, но кажется по w3c стандартам высоту таблице высоту задавать не валидно.
<!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=utf-8" /> <title>Untitled Document</title> <style type="text/css"> *{ margin:0; padding:0; } html, body, #wrapper { height:100%; margin: 0; padding: 0; border: none; text-align: center; } #wrapper { margin: 0 auto; text-align: left; vertical-align: middle; width: 400px; } </style> </head> <body> <body> <table id="wrapper"> <tr> <td>This is centered</td> </tr> </table> </body> </body> </html> |
|
|
Miyka |
17.12.2010, 0:05;
Ответить: Miyka
Сообщение
#9
|
|
Webmaster, Почему я думаю логичный вопрос. Так почему так?
|
|
|
ZhukV |
17.12.2010, 11:03;
Ответить: ZhukV
Сообщение
#10
|
|
|
Прикол и в том, что высоту в таблицы вы никогда не сможете задать 100%
Можно пробивать двумя способами: 1. Устанавливать min-height:1000px;/*ОБЕЗАТЕЛЬНО В ПИКСЕЛЯХ*/ 2. На джава скрипты при загрудке страницы узнавать расширение монитора и выставлять высоту.
|
|
|
||
|
Похожие темы
Тема | Ответов | Автор | Просмотров | Последний ответ | |
---|---|---|---|---|---|
Dao.AD: пуши, попсы и не только! ТОП монетизация и арбитраж. | Акция 100 % отчисления! | 89 | Daopush | 27115 | 15.4.2024, 19:28 автор: Daopush |
|
Англоязычный SEO-копирайтинг от $3/100 слов от NeedmyLink | Первая статья бесплатно | 4 | Needmylink1 | 1323 | 12.4.2024, 23:43 автор: Needmylink1 |
|
Incogniton - управляйте множеством браузерных профилей. 100% антидетект! | 103 | Incogniton | 33059 | 6.4.2024, 20:37 автор: Incogniton |
|
IPgate - мобильные, резидентные, 100% чистые прокси с ротацией, полученные этическим способом | 8 | IPgate | 2748 | 22.3.2024, 16:39 автор: IPgate |
|
Англоязычная статья 3К в 100+ Зарубежных статейников! жирные форумы/блоги/посты/профиля/веб 2.0/К2/соц.сети |
27 | Jaguar777 | 12043 | 1.3.2024, 12:48 автор: Ebris |
Текстовая версия | Сейчас: 19.4.2024, 5:32 |