Вроде простая вещь на HTML, но под все браузеры...

[Silex]

Вроде простая вещь на HTML, но под все браузеры...

Ай нид хелп Необходимо, чтобы во всех браузерах (ИЕ4+, НН4+, Опера 6+, Мозилла) отображалась табличка (3 строки по 1 ячейке), при этом средняя строка была фиксированной высоты (в данном случае 300), а две другие равномерно растягивались. В простейшем случае, под ИЕ, это выглядит так:

<table width=100% height=100% border=1>
<tr><td>&nbsp;</td></tr>
<tr><td height=300>&nbsp;</td></tr>
<tr><td>&nbsp;</td></tr>
</table>

т.е. средняя строка центрируется посередине экрана. Использование слоев нежелательно, хотя и допускается, равно как и прозрачные распорки. Самая большая проблема - это Опера и НН, которые в упор не любят процентность по вертикали

 

[Krisha]

<TABLE width="100%" border="0" cellspacing="0" cellpadding="0" height="100%">
<TR>
<TD align="center" valign="middle">
<TABLE width="100%" border="0" cellspacing="0" cellpadding="0">
<TR>
<TD height="300" bgcolor="#CCCCCC">&nbsp;</TD>
</TR>
</TABLE>
</TD>
</TR>
</TABLE>

 

[Silex]

Cпасибо, все работает, но для моего случая не подходит Нужно именно три ячейки, поскольку верхняя и нижняя будут заливаться различными бекграундами.

 

[Vitali_N]

>Использование слоев нежелательно, хотя и допускается,
>равно как и прозрачные распорки.
height и width в таблице - лишь РЕКОМЕНДАТЕЛЬНЫ для броузера. Однозначного отображения можно добиться только распорками (иногда и без них).
И при этом, NN "не любит", когда в одной таблице эти параметры задаются и в % и в px.
Влияет на это и <!DOCTYPE...

<table width=100% height=100% border=1 cellpadding=0 cellspacing=0>
<tr><td colspan=2>&nbsp;</td></tr>
<tr><td width=1 height=300><img src=transparent.gif width=1 height=300></td><td height=300>&nbsp;</td></tr>
<tr><td colspan=2>&nbsp;</td></tr>
</table>

 

[Silex]

Спасибо, но... оно не работает. Ни в Опере, ни в Нетскейпе.

 

[pumba]

(aka Vitali_N)
http://www.w3.org/TR/REC-html40/struct/tables.html#h-11.2.1
У таблицы "по закону" нет атрибута height.
width - This attribute specifies the desired width of the entire table and is intended for visual user agents.
Т.е. это ЖЕЛАЕМАЯ величена, которую мы ХОТЕЛИ бы видеть.
А вовсе не обязательная.
Аналогично:
http://www.w3.org/TR/REC-html40/struct/tables.html#edef-TD
width = length [CN] Deprecated. This attribute supplies user agents with a recommended cell width.
height = length [CN] Deprecated. This attribute supplies user agents with a recommended cell height.

 

[Krisha]

делай фреймами:

<FRAMESET rows="*,300,*" frameborder="NO" border="0" framespacing="0">
<FRAME name="topFrame" scrolling="NO" noresize src="top.html">
<FRAME name="mainFrame" src="main.html" noresize>
<FRAME name="bottomFrame" scrolling="NO" noresize src="bottom.html">
</FRAMESET>

 

[Ямерт]

Имхо, Крыша прав. Кроме фрэймов никак такое не сделать для всех браузеров.

 

[Silex]

Спасибо за совет. Похоже, придется с ними, родимыми...

 

[KolyaA]

И вот прошло три года. Появилось ли какое-нибудь другое решение этой задачи. В частности для оперы?

 

[Krisha]

KolyaA
а попробовать?

 

[KolyaA]

В опере не работает

 

[uliss]

Очень озабочены пользователями Opera?
По статистике ( читал J. Zeldmana) как раз эти пользователи ЧАЩЕ чем другие обновляют свои броузеры.
Так что используйте CSS

 

[KolyaA]

Так вопрос в том и стоит - как сделать такую таблицу используя CSS, чтобы она нужным образом отображалась в опере.

-~{}~ 10.10.05 13:40:

А, извиняюсь. В Опере8 это уже работает.