Помогите растянуть таблицу на 100% в высоту в ИЕ и в Standart Mode

Код

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <!-- DOCTYPE не убирать и не отрезать "http://www.w3.org/TR/html4/strict.dtd" --> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title>В высоту на 100%</title> </head> <body> <table width="100%" border="1" cellspacing="0" cellpadding="0">             <tr bgcolor="#00FF33" style="height:100%">                         <td style="height:100%">                                    <table width="100%" border="1" cellspacing="0" cellpadding="0" style="height:100%; background-color:#0000FF">                                    <tr>                                                <td style="height:100%">Помогите растянуть таблицу на 100% в высоту в ИЕ и в Standart Mode</td>                                    </tr>                                    </table>                         </td>                         <td bgcolor="#0000FF" style="height:100%">                                    <table width="100%" border="1" cellspacing="0" cellpadding="0" style="height:100%">                                    <tr>                                                <td style="height:100%">55555<br>                                    <br>                                    <br>                                    <br>                                    <br>                                    8888888888888</td>                                    </tr>                                    </tbody>                                    </table>                         </td>             </tr> </table> </body> </html>

Это не работает только в IE
Надеюсь, что кто-нибудь сталкивался с таким...
Добавлено @ 00:19
Ребят, Quirks Mode не предлагайте.

незнаю, что такое квиркс моде... тем не менее...

попробуй написать в теге <table> параметр height=100%, а затем впеши аналогиченый в <td>. грубо говоря:

Код

<table width=100% height=100%> <tr> <td height=100% width=100%> </td> </tr> </table>

Вот, что получилось у меня:

Код

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content='text/html; charset=windows-1251' /> <meta name="Generator" content='EditPlus 2.12' /> <meta name="Author" content='Ciber SLasH' /> <title>HTML 4.01 (Strict) :: Таблица в высоту 100%</title> <style type='text/css'> /* height для разных браузеров разный:     Opera: 98%;     FireFox: 99%;     IE: 90%; */ html, body {height: 90%; /*overflow: hidden*/} .main, table, tr {height: 100%} </style> </head> <body> <table class='main' width="100%" cellspacing="0" cellpadding="10" style='border: 2px solid black'> <tr> <td>     <table width="100%" cellspacing="0" cellpadding="0" style='border: 2px solid blue'>     <tr><td>Помогите растянуть таблицу на 100% в высоту в ИЕ и в Standart Mode</td></tr>     </table> </td> <td>     <table width="100%" cellspacing="0" cellpadding="0" style='border: 2px solid red'>     <tr><td>55555<br><br><br><br><br>8888888888888</td></tr>     </table> </td> </tr> </table> </body> </html>

или тоже самое на DIV-ах:

Код

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content='text/html; charset=windows-1251' /> <meta name="Generator" content='EditPlus 2.12' /> <meta name="Author" content='Ciber SLasH' /> <title>HTML 4.01 (Strict) :: Таблица на DIV-ах</title> <style type='text/css'> html, body {height: 100%; overflow: hidden} #main {     width: 98%;     height: 92%;     padding: 10px;     border: 2px solid black } .cell1, .cell2 {width: 49%; height: 100%} .cell1 {border: 2px solid blue; float: left} .cell2 {border: 2px solid red; float: right} </style> </head> <body> <div id='main' align="left"> <div class='cell1'>Cell #1</div><div class='cell2'>Cell #2</div> </div> </body> </html>

ЗЫ: в строгом соответствии стандартам у таблиц игнорируется свойство "height" и вообще таблицы используются только там, где без них нельзя обойтись. Поэтому, если не хочешь морочиться с DIV-ами и с строгим соответствием, то юзай "Transitional" (переходное) ОТД.

I, GyoZ, попробовал, не помогает. Впринципе атрибут height=100% дублирует заданный у меня стиль height:100%

Ciber SLasH, к сожалению внешнюю таблицу нельзя растягивать в высоту на 100%, это будет менюха.
Вот посмотри, я задал ей стиль height:1px и все порушилось (ЧЁРТ!!!).

Код

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content='text/html; charset=windows-1251' /> <meta name="Generator" content='EditPlus 2.12' /> <meta name="Author" content='Ciber SLasH' /> <title>HTML 4.01 (Strict) :: Таблица в высоту 100%</title> <style type='text/css'> /* height для разных браузеров разный:     Opera: 98%;     FireFox: 99%;     IE: 90%; */ html, body {height: 90%; /*overflow: hidden*/} table, tr {height: 100%} </style> </head> <body> 44444444444444444 <table width="100%" cellspacing="0" cellpadding="10" style='border: 2px solid black; height:1px'> <tr> <td>     <table width="100%" cellspacing="0" cellpadding="0" style='border: 2px solid blue'>     <tr><td>Помогите растянуть таблицу на 100% в высоту в ИЕ и в Standart Mode</td></tr>     </table> </td> <td>     <table width="100%" cellspacing="0" cellpadding="0" style='border: 2px solid red'>     <tr><td>55555<br><br><br><br><br>8888888888888</td></tr>     </table> </td> </tr> </table> </body> </html>

На самом деле я хотел, поместить в таблицу блоки, не важно на каких тегах, так, чтобы самый высокий (больше всего контента в нем) растягивал бы таблицу, а остальные бы тянулись за ним в высоту? Это нужно для правильного дизайна и удобства программинга на сервере. Дело в том, что менюха добавляется по строкам в которых не более 4х записей.
На дивах у меня не получилось: float вообще нельзя из-за совместимости с ИЕ 5.0, и даже растянуть div в высоту на 100% внутри td тоже не получается.

-----------

Да, I, GyoZ, Standart Mode (CSS1 Compat) и Qurks Mode (Back Compat) это режимы, в которых работают современные браузеры. Это задается через (не убытый обрезанием , как у нас любят, заметь) DOCTYPE. Если делать совместимо со старьем времен войны браузеров, то верстаеш только в Qurks Mode (Back Compat), нетрудно верстануть сразу под оба рехима, тк обычно в 99% случаев требуется верстать только от ИЕ 5.5, на худой конец IE 5.0, старые Нетшкафы никого из заказчиков не интересуют. Если задать Standart Mode и наделать в HTML багов, то независимо от DOCTYPE современный браузер может свалиться в Qurks Mode.

Это сообщение отредактировал(а) Иль - 16.11.2005, 08:25

Естественно если поставить 1px, то всё испортится.
Ты лучше покажи то, как ты хочешь разместить всё на странице. Сначало хотябы с Transitional ОТД, а потом, когда будет известна структура, тогда и будем думать дальше.

А то я ведь сначала думал, что тебе нужна именно такая структура страницы, как ты описал в первом посту, а теперь выходит, что тебе эта структура не подходит и что вовсе и не требуется растягивать таблицу в 100%...

Ciber SLasH, Ок, я сейчас сделаю в готовой верстке

Вот полная верстка

Код

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <!-- Доктайп не трожте и не обрезайте "http://www.w3.org/TR/html4/strict.dtd", в нем соль! :) --> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title>Задачка - растяни ТЭДЭХУ в высоту :) в HTML 4.01</title> <style type="text/css"> html, body {height: 100%;} html, body, p, span, div, table, td {margin:0; padding:0;} </style> </head> <body> <table width="100%" border="0" cellspacing="0" cellpadding="0" style="height:100%"> <tr><td style="vertical-align:top;"> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr bgcolor="#00FF33" style="height:100%">     <td style="height:100%"> <!--  -->         <table width="100%" border="1" cellspacing="0" cellpadding="0" style="height:100%">         <tr>             <td style="height:100%; background-color:#0066FF;">             Растянуть в IE 6.0 в CSS1 Compat Mode ( Standart Mode ) на Height-100%             </td>         </tr>         </table> <!-- / -->     </td>     <td bgcolor="#0000FF" style="height:100%"> <!--  -->         <table width="100%" border="1" cellspacing="0" cellpadding="0" style="height:100%">         <tr>             <td style="height:100%">             55555<br>             <br>             <br>             <br>             <br>             8888888888888             </td>         </tr>         </table> <!-- / -->     </td> </tr> </table> </td></tr> <tr><td bgcolor="#FFFF66" align="center" style="font-size:25px; font-weight:bold; vertical-align:bottom;"> Дно </td></tr> </table> </body> </html>

Обидно что это правильно работает в Firefox и Opera, а Internet Explorer - пасс.

Вот вариант в готовом виде
http://illvin.narod.ru/vyorstka/td_100_.html
Вот как это выглядит, когда неправильно

Так сойдёт ?

Код

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content='text/html; charset=windows-1251'> <meta name="Generator" content='EditPlus 2.12'> <meta name="Author" content='Ciber SLasH'> <title>HTML 4.01 (Strict) :: Таблица в высоту 100%</title> <style type='text/css'> html, body {height: 100%} .main {height: 100%; /*border: 2px solid black*/} .main td {vertical-align: top} /*.head {border: 2px solid blue}*/ .head table, .head td {border: 2px solid blue} .body {height: 100%} /*.body {border: 2px solid red}*/ .body table, .body td {height: 100%; border: 2px solid red} /*.foot {border: 2px solid lime}*/ .foot table, .foot td {border: 2px solid lime} </style> </head> <body> <table class='main' width="100%" cellspacing="0" cellpadding="10"> <tr> <td class='head'>     <table width="100%" cellspacing="0" cellpadding="0">     <tr><td>Помогите растянуть таблицу на 100% в высоту в ИЕ и в Standart Mode</td>         <td>55555<br><br><br><br><br>8888888888888</td>     </tr>     </table> </td> <tr> <td class='body'>     <table width="100%" cellspacing="0" cellpadding="0">     <tr><td>55555<br><br><br><br><br>8888888888888</td></tr>     </table> </td> </tr> <tr> <td class='foot'>     <table width="100%" cellspacing="0" cellpadding="0">     <tr><td>Подвал</td></tr>     </table> </td> </tr> </table> </body> </html>

Ciber SLasH, ты отступил от условий задачки . Ладно, чтонить придумается
Вообще, если попростому - в одной таблице, в одной строке, но в разных ячейках лежат разные по высоте CSS блоки (в моем случае еще таблицы), надо растянуть эти блоки до высоты наивысшего вложенного блока. Почемуто IE 6.0 в CSS1 Compat Mode с этим не справляется в отличии от других браузеров, словил я видать глюк.
Особенно задевает за живое, что Gecko в лице всех своих представителей отображает все корректно.

Цитата

На дивах у меня не получилось: float вообще нельзя из-за совместимости с ИЕ 5.0, и даже растянуть div в высоту на 100% внутри td тоже не получается.

Кстати проверил в IE 5.0 — float прекрасно работает. Я думаю лучше эту задачу делать только на DIV-ах, отказавшись от таблиц вообще.

Ciber SLasH, насчет float и ИЕ 5.0 - надеюсь катастрафические последствия этой гремучей смеси обойдут других стороной ...

Цитата(Ciber_SLasH @ 16.11.2005, 20:02)

Я думаю лучше эту задачу делать только на DIV-ах, отказавшись от таблиц вообще.

Цитата(Ciber_SLasH @ 16.11.2005, 20:02)

отказавшись от таблиц вообще

Ну спасибо, удружил. Когда так говорят, я думаю (заметь, не утверждаю!), что человек пороха не нюхал или это программист в "печали", играющий в WEB. Дизайнеры (читай клиенты) быстро эту дурь выбъют, и не только, потому что всем теперь подавай резину.

Как добъёш это дело — отпишись, интересно будет посмотреть как ты заставил эту ячейку растянуться.
У меня что-то не получается с этой таблицей и строгим ОТД ничего...

в теге <body> нужно вписать нулевые margin - по умолчанию ИЕ оставляет некотроый зазор между страницей и окном документа. В мозилле кажись по умолчанию документ почти в плотную к окну.