| |
автор: ofis (17.05.2006 в 12:02) |
|
| | Господа, есть такой вопрос: нужна таблица, примитивный код которой я формирую например так:
<table width="600px" height="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td height="31" valign="middle" style="background-image: url(img1.gif); background-repeat: no-repeat;">должно быть фикированно!</td>
</tr>
<tr>
<td><img src="wawa.gif" border="0" alt="0"> это тоже должно быть фиксированно!</td>
</tr>
<tr>
<td>растягиваемое</td>
</tr>
<tr>
<td>самый низ таблицы всегда внизу;</td>
</tr>
</table>
|
Никак не получается осуществить задумываемое, пытался указывать height у каждого td в таблице, не помогает. Сама таблица на 100 процентов по высоте страницы.
Т.е верхние ячейки, должны быть фиксированными (в них картинки, которые не должны растягиваться), третия ячейка и должна ратяггиваться, т.е в ней само содержание страниц текст и тп, а последняя ячейка - это копирайты, они должны быть в самом низу страницы, т.е независимо от колличества напролненного в третьей ячейке (хоть 1 строчка), последняя таблица должна быть у самого низу. Не получается, растягиваются все ячейки (( Помогите советом, пожалуйста! | |
| |
|
|
| |
|
|
| |
для: ofis
(17.05.2006 в 12:02)
| | |
<table width="600px" height="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td height="31px" valign="middle" style="background-image: url(img1.gif); background-repeat: no-repeat;">должно быть фикированно!</td>
</tr>
<tr>
<td height="200px"><img src="wawa.gif" border="0" alt="0"> это тоже должно быть фиксированно!</td>
</tr>
<tr>
<td>растягиваемое</td>
</tr>
<tr>
<td>самый низ таблицы всегда внизу;</td>
</tr>
</table>
|
у меня так работает
а про "самый низ таблицы всегда внизу" смотрите как тут сделано, там не сложно
http://www.themaninblue.com/experiment/footerStickAlt/ | |
| |
|
|
| |
автор: ofis (17.05.2006 в 12:33) |
|
| |
для: kaoz
(17.05.2006 в 12:18)
| | | Я забыл коечто уточнить: использую в кажечтве doctype <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
А в xhtml, height в процентах для таблиц не задается, поэтому посмотрев интеренете, на способы решений проблем с процентной высотой сделал это: (css)
html,body
{
margin:0;
padding:0;
height:100%;
border:none
}
table
{
height: 100%;
margin-top:10px;
}
|
и вот теперь не работает установка значений высоты для отдельной ячейки... | |
| |
|
|
| |
|
|
| |
для: ofis
(17.05.2006 в 12:33)
| | | хм...
я ввел код который я предложил с вашим css у меня все работает
вот:
<!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">
<!--
html,body
{
margin:0;
padding:0;
height:100%;
border:none
}
table
{
height: 100%;
margin-top:10px;
}
-->
</style></head>
<body>
<table width="600px" height="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td height="31px" valign="middle" bgcolor="#993300" style="background-image: url(img1.gif); background-repeat: no-repeat;">должно быть фикированно!</td>
</tr>
<tr>
<td height="200px" bgcolor="#99CC00"><img src="wawa.gif" border="0" alt="0"> это тоже должно быть фиксированно!</td>
</tr>
<tr>
<td valign="top" bgcolor="#CC3300"><p>растягиваемое</p>
</td>
</tr>
<tr>
<td height="100px" bgcolor="#CCFF00">самый низ таблицы всегда внизу;</td>
</tr>
</table>
</body>
</html>
|
| |
| |
|
|
| |
автор: ofis (17.05.2006 в 18:08) |
|
| |
для: kaoz
(17.05.2006 в 13:47)
| | | А вы в каком браузере пробовали? Просто я изначально тестирую в IE ибо наиболее глючен, и вот в нем то как раз, ситуация описанная выше, наблюдается. (если захотите увидеть через IE, всю реалистичность картины, поробуйте поизменять вертикально размер окна браузера).
Сейчас протестил под Оперой (8), результат другой, вообще опера отказалась менять размеры таблицы, просто оне жестко привязаны, ничего не помогает... | |
| |
|
|
| |
|
|
| |
для: ofis
(17.05.2006 в 18:08)
| | | вот тут http://www.themaninblue.com/experiment/footerStickAlt/good_example_long.htm описано как сделать то что вам нужно, но только с помощью <div> | |
| |
|
|
