Помогите растянуть таблицу на 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 - по умолчанию ИЕ оставляет некотроый зазор между страницей и окном документа. В мозилле кажись по умолчанию документ почти в плотную к окну.

Цитата(DENNN)

в теге <body> нужно вписать нулевые margin

Это не поможет, пробовали уже.

упс, не туда запостил

Это сообщение отредактировал(а) Иль - 18.11.2005, 20:03

Ciber SLasH, у меня пока не получилось. В IE это лечится не так как оно надо. Если задать высоту внешней таблицы заведомо больше высоты самой высокой вложенной в td внутренней таблицы, то все само тянется замечательно на 100% до размеров оболачивающей таблицы. Но если, не дай бог, таблица в какой-нибудь ячейке начнет растягивать в высоту внешнюю таблицу (превысит заданные размеры) (что мне и надо), то остальные вложенные таблицы уже не будут растягиваться на 100% и свалятся до размеров помещенного в них контента (надеюся я ясно выражаюсь :-( ).

Самое простое и правильное разбить дизайн на несколько td (например правая, левая и центральная с контентом + div`ы) под одну запись в меню, но в моем случае с генерацией нескольких строк с фиксированным колличеством пунктов в меню это приводит к геморою с ".NET" , да и таблицы я тоже ненавижу плодить, где возможно только на div делаю.
Выводить в несколько таблиц тоже, елки, нельзя - порушиться дизайн, дизайнер вырвет руку (меню по столбцам должны совпадать)
Не знаю как порешу, проект отложил на несколько дней, скорее серверно чем версткой или дизинг менять.

ИМХО, главное, вряд ли кто еще сталкнется с моим случаем.