Высота таблицы

[olgastaf]

http://htmlbook.ru/html/table.htmlЧитаю:

В том случае, когда в документе задан <!DOCTYPE>, браузеры высоту таблицы, заданную через параметр height, игнорируют.

Как тогда задать высоту таблицы?

Edited April 3, 2009 by olgastaf

[Justnewone]

Читаю:

В том случае, когда в документе задан <!DOCTYPE>, браузеры высоту таблицы, заданную через параметр height, игнорируют.

Как тогда задать высоту таблицы?

Через CSS,

TABLE {height: ... }

[Searcher]

А зачем вам задавать высоту у таблицы? Таблица предназначена для табличных данных и её высота зависит от количества и высоты строк.

[olgastaf]

А зачем вам задавать высоту у таблицы? Таблица предназначена для табличных данных и её высота зависит от количества и высоты строк.

Мне нужно, чтобы нижние строки таблицы выравнивались по нижней границе родительского элемента

[s0rr0w]

Боюсь, что тут сначала надо посмотреть на код, а потом уже советы давать.

[Николаич]

Проблема с высотой таблицы в IE и FireFox.

<p align="left">  
  <table cellspacing="0" cellpadding="3" width="100%" bgcolor="#eeece8" border="1">  
	<tbody>  
	  <tr bgcolor="#c0c0c0"><td>  
		  <p align="center"><strong><font size="2">Город</font></strong></p>  
		</td><td>  
		  <p align="center"><strong><font size="2">Компании</font></strong></p>  
		</td><td>  
		  <p align="center"><strong><font size="2">Телефоны</font></strong></p>  
		</td><td>  
		  <p align="center"><strong><font size="2">Адрес</font></strong></p>  
		</td><td>  
		  <p align="center"><strong><font size="2">e-mail</font></strong></p>  
		</td></tr>  

	  <tr><td>  
		  <p align="left"><font size="1">Самара</font></p>  
		</td><td><font size="1">  
			<p align="left"><font size="1">«Поволжское представительство БИРСС»</font></p>  
		  </font></td><td><font size="1">  
			<p align="left"><font size="1">(8462) 60-19-21</font></p>  
		  </font></td><td><font size="1">  
			<p align="left"><font size="1">443080,   
				<br />  
			  г. Самара, ул. Гаражная, д. 10</font></p>  
		  </font></td><td>  
		  <p align="left"><a class="maildilers" href="mailto:birss@samtel.ru" >birss@samtel.ru</a></p>  
		</td></tr>  
 </tbody>  
  </table>  
</p>

(Укоротил для удобства)

Подскажите как исправить.

Спасибо.

[Searcher]

ууу... совсем беда...

Если вы уж решили перейти на стандарты и использовать доктайп, то надо знать, что подразумевают эти стандарты.

1. Нельзя вкладывать <p> в <p>, все структурные элементы строятся на блоках - <div></div>. А <p> это только лишь параграф или абзац текста, он принципиально не может быть вложенным в другой параграф. В результате при таком как у вас использовании броузер закрывает предыдущий параграф, как только встречает начало нового. Получается не совсем то, что хотелось бы.

2. Тэг <font> устарел.

3. По-умолчанию параметры отступов у <p> у разных броузеров различаются, отсюда разный размер ячеек таблицы. Надо отступы задавать в css.

4. По стандартам: html - описание структуры документа, а все оформление задается при помощи стилей. Стили задаются в каскадных таблицах стилей - css или непосредственно в параметре style соответствующего элемента. В стилях указываются шрифты, цвета, размеры, положение элементов, отступы, границы и т.п.

Почитайте обо всем этом здесь: stepbystep.htmlbook.ru

И что значит "чтобы нижние строки таблицы выравнивались по нижней границе родительского элемента" я так и не понял... Если вы имели ввиду, что высота ячеек больше высоты содержимого, то я уже ответил.

[Gamer]

Почитайте обо всем этом здесь: stepbystep.htmlbook.ru

Или здесь: http://webstandards.org.ru/blog/layout/semantic-markup.html

[Николаич]

По-умолчанию параметры отступов у <p> у разных броузеров различаются, отсюда разный размер ячеек таблицы. Надо отступы задавать в css.

Вы правы. Убрал многочисленные <p></p> - все стало так, как и должно быть. Да, проблема лишь в том, что сайт находится под управлением Битрикс и при заполнении страницы в визуальном редакторе тег <p> ставится ну просто везде.

Спасибо за помощь, за ссылки, буду изучать.