Форум: Форум PHPФорум ApacheФорум Регулярные ВыраженияФорум MySQLHTML+CSS+JavaScriptФорум FlashРазное
Новые темы: 0000000
PHP 5/6. В подлиннике. Авторы: Кузнецов М.В., Симдянов И.В. PHP. Практика создания Web-сайтов (второе издание). Авторы: Кузнецов М.В., Симдянов И.В. Социальная инженерия и социальные хакеры. Авторы: Кузнецов М.В., Симдянов И.В. PHP Puzzles. Авторы: Кузнецов М.В., Симдянов И.В. PHP на примерах (2 издание). Авторы: Кузнецов М.В., Симдянов И.В.
ВСЕ НАШИ КНИГИ
Консультационный центр SoftTime

HTML+CSS+JavaScript

Выбрать другой форум

 

Здравствуйте, Посетитель!

вид форума:
Линейный форум (новые сообщения вниз) Структурный форум

тема: Table: растяжка и фиксированные ячейки

Сообщения:  [1-6] 

 
 автор: kaoz   (17.05.2006 в 22:47)   письмо автору
 
   для: ofis   (17.05.2006 в 18:08)
 

вот тут http://www.themaninblue.com/experiment/footerStickAlt/good_example_long.htm описано как сделать то что вам нужно, но только с помощью <div>

   
 
 автор: ofis   (17.05.2006 в 18:08)
 
   для: kaoz   (17.05.2006 в 13:47)
 

А вы в каком браузере пробовали? Просто я изначально тестирую в IE ибо наиболее глючен, и вот в нем то как раз, ситуация описанная выше, наблюдается. (если захотите увидеть через IE, всю реалистичность картины, поробуйте поизменять вертикально размер окна браузера).

Сейчас протестил под Оперой (8), результат другой, вообще опера отказалась менять размеры таблицы, просто оне жестко привязаны, ничего не помогает...

   
 
 автор: kaoz   (17.05.2006 в 13:47)   письмо автору
 
   для: 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 в 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;
}



и вот теперь не работает установка значений высоты для отдельной ячейки...

   
 
 автор: kaoz   (17.05.2006 в 12:18)   письмо автору
 
   для: 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: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 строчка), последняя таблица должна быть у самого низу. Не получается, растягиваются все ячейки (( Помогите советом, пожалуйста!

   

Сообщения:  [1-6] 

Форум разработан IT-студией SoftTime
Rambler's Top100
вверх

Rambler's Top100 Яндекс.Метрика Яндекс цитирования