X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость (

| Вход | Регистрация )

Открыть тему
Тема закрыта
> растянуть таблицу по вертикали на 100%
jonny11
jonny11
Topic Starter сообщение 10.12.2010, 7:09; Ответить: jonny11
Сообщение #1


Много гуглил, перерыл кучу всего, но проблемы своей не решил.
Вобщем есть таблица, в которой 3 ячейки в столбец.
Верхней и нижней ячейкам задана конкретная высота в px.
А центральная залитая цветом или как вариант png-шной однопиксельной картинкой, вобщем должна вроде как тянуться. Но это не происходит.
Как я уже говорил, гуглил, перерыл кучу тем по этому поводу, но ничего не помогло.
[PHP]<table border=1 width=100% cellpadding="0" cellspacing="0" class=prav>
<tr><td class=pravverx></td></tr>
<tr><td class=pravvv></td></tr>
<tr><td class=pravniz></td></tr>
</table>[/PHP]
[CSS]td.pravvv{
background-image: url(img_fonprav.png);
background-repeat: repeat;
}

td.pravniz{
background-image: url(img_pravniz.jpg);
background-repeat: repeat-x;
height: 45px;
}
td.pravverx{
background-image: url(img_pravverx.jpg);
background-repeat: repeat-x;
height: 31px;
}[/CSS]
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
vasvas7775
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
vasvas7775
сообщение 10.12.2010, 8:30; Ответить: vasvas7775
Сообщение #3


Или можно сделать по другому, у второй ячейки высоту ставишь в процентах, но тогда у тега
<table cellspading="0" width="100%" height="900px">

Высоту надо прописать в Px, например 900px.

Ячейки растянутся по высоте таблицы.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Miyka
Miyka
сообщение 16.12.2010, 1:21; Ответить: Miyka
Сообщение #4


Ха! У меня не получается растянуть по высоте, то есть ДреамВиевер рисует правильно а браузеры нет, в чем подвох?
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Webmaster_hb
Webmaster_hb
сообщение 16.12.2010, 2:36; Ответить: Webmaster_hb
Сообщение #5


Miyka, забудьте об использовании высоты на 100%
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Malganus
Malganus
сообщение 16.12.2010, 8:13; Ответить: Malganus
Сообщение #6


а разве min-height:100% не выход?
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
vital_hb
vital_hb
сообщение 16.12.2010, 19:21; Ответить: vital_hb
Сообщение #7


"margin-bottom = 0" і "padding-bottom = 0" пробуй використовувати в цсс-стилях.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
FightInGlory
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
Miyka
сообщение 17.12.2010, 0:05; Ответить: Miyka
Сообщение #9


Webmaster, Почему я думаю логичный вопрос. Так почему так?
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
ZhukV
ZhukV
сообщение 17.12.2010, 11:03; Ответить: ZhukV
Сообщение #10


Прикол и в том, что высоту в таблицы вы никогда не сможете задать 100%
Можно пробивать двумя способами:
1. Устанавливать min-height:1000px;/*ОБЕЗАТЕЛЬНО В ПИКСЕЛЯХ*/
2. На джава скрипты при загрудке страницы узнавать расширение монитора и выставлять высоту.

Замечание модератора:
Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней.
Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой
или обратитесь к любому из модераторов.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Горячая тема (нет новых ответов) 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


 



RSS Текстовая версия Сейчас: 19.4.2024, 5:32
Дизайн