Вернуться   Дизайнерский форум » ВЕБ-ПРОГРАММИРОВАНИЕ » HTML, CSS, JavaScript

Фиксированная высота одной ячейки и резиновая другой

Обсуждение темы Фиксированная высота одной ячейки и резиновая другой в разделе HTML, CSS, JavaScript, часть категории ВЕБ-ПРОГРАММИРОВАНИЕ; Доброй ночи! Уважаемые мастера, на новом сайте о левитации, работающем прекрасно в файерфоксе, некорректное отображение в IExplorer: проблема ячеек фиксированной и резиновой высоты. ...


Закрытая тема
 
Опции темы
Старый 01.05.2010, 01:54   #1
Доброй ночи!
Уважаемые мастера, на новом сайте о левитации, работающем прекрасно в файерфоксе, некорректное отображение в IExplorer:
проблема ячеек фиксированной и резиновой высоты.
http://www.leforio.narod.ru/index.htm
Необходимо, чтобы высота ячейки оставалась 145, а ячейки строкой ниже - растягивалась соответственно ячейке контента
Упрощённо так:

<table border="0">
<tr>
<td width="212" height="145" bgcolor="blue"><img src="bymbymi/left01.gif" alt="Leforio"></td>
<td rowspan="2" bgcolor="eeffee">
<h1>Контент</h1>
Текст
<br><br><br><br><br><br><br><br><br><br><br><br><b r><br><br>
</td>
</tr>
<tr>
<td width="212" height=* bgcolor="yellow">
Links
</td>
</tr>
</table>


упрощённый код тут http://leforio.narod.ru/test.htm
 
Старый 01.05.2010, 01:54
Ссылки
Старый 14.05.2010, 16:21   #2
Непонятно, зачем так сложно? Думаю, что ИЕ себя ведет правильнее, чем мозилла, например, в данном случае. К тому же, ячейка, содержащая картинку <img src="bymbymi/left01.gif" alt="Leforio"> может содержать и Links. Поэтому удаляем :
<tr>
<td width="212" height=* bgcolor="yellow">
Links
</td>
</tr>
Переносим Links под картинку и получится всего 2 ячейки:

<table border="0">
<tr>
<td width="212" height="145" bgcolor="blue" valign="top">
<img src="bymbymi/left01.gif" alt="Leforio">
Links
</td>
<td bgcolor="eeffee">
<h1>Контент</h1>
Текст
<br><br><br><br><br><br><br><br><br><br><br><br><b r><br><br>
<br><br><br><br><br><br><br><br><br><br><br><br><b r><br><br>
</td>
</tr>
</table>
 
Старый 14.05.2010, 16:21
Закрытая тема




Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
CSS -> Резиновая ячейка -> Плавающие объекты -> Позиционирование = ??? dimka_sh HTML, CSS, JavaScript 1 20.07.2008 23:52
Резиновая вёрстка по высоте... Денисон HTML, CSS, JavaScript 4 07.07.2007 22:31
Фиксированная ширина или "плавающая"? aristoff HTML, CSS, JavaScript 3 25.09.2006 17:42
Проблемы с css (резиновая вёрстка) PavelCh HTML, CSS, JavaScript 5 19.09.2006 12:47
Css. Резиновая верстка Катя HTML, CSS, JavaScript 2 06.08.2006 15:46


Текущее время: 10:54. Часовой пояс GMT +4.

Реклама на форуме Условия размещения рекламы
Биржа ссылок Заработай на сайте!
Дизайнерский форум