100% по ширине и высоте + DIV в FireFox - Веб-программирование

Sam Dark · 18.07.2006, 08:58

Есть вот такая html-страничка:

Код:

<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
        <title>
            листинг
        </title>
    </head>
    <body>
        <table border="1" width="100%" id="table1" cellspacing="1" height="100%">
            <tr>
                <td width="200">
                    &nbsp;
                </td>
                <td height="80">
                    &nbsp;
                </td>
                <td width="200">
                    &nbsp;
                </td>
            </tr>
            <tr>
                <td rowspan="2">
                    &nbsp;
                </td>
                <td valign="top" rowspan="6">
                    <table border="1" width="100%" id="table2" height="100%">
                        <tr>
                            <td height="100%">
                                <div style="height: 100%; overflow: auto">
                                    <table border="2" width="100%" id="table3" cellspacing="0" cellpadding="0" height="100%">
                                        <tr>
                                            <td valign="top"> gfjksh&nbsp; fdksf glsf gdsflg sfglfdg fdlg;dfgk;sdflgk sf;lgflg lfd gsldfgk
                                                sdfl;hkor sdtyops ropes sdtopr sdfg k
                                                <p>
                                                    sdfks;lg s
                                                </p>
                                                <p>
                                                    df 
                                                </p>
                                                <p>
                                                    slh 
                                                </p>
                                                <p>
                                                    shs
                                                </p>
                                                <p>
                                                    sd h
                                                </p>
                                                <p>
                                                    shsh
                                                </p>
                                                <p>
                                                    sgh;
                                                </p>
                                                <p>
                                                    sd
                                                </p>
                                                <p>
                                                    fg
                                                </p>
                                                <p>
                                                    &nbsp;
                                                </p>
                                                <p>
                                                    sfdgsl
                                                </p>
                                                <p>
                                                    &nbsp;
                                                </p>
                                                <p>
                                                    s
                                                </p>
                                                <p>
                                                    sfdg
                                                </p>
                                                <p>
                                                    &nbsp;
                                                </p>
                                                <p>
                                                    fhsdf
                                                </p>
                                                <p>
                                                    sdfhsdfh
                                                </p>
                                                <p>
                                                    sdfgf
                                                </p>
                                                <p>
                                                    dfgfhth
                                                </p>
                                                <p> ffg
                                            </td>
                                        </tr>
                                    </table>
                                </div>
                            </td>
                        </tr>
                        <tr>
                            <td height="40">
                                &nbsp;
                            </td>
                        </tr>
                    </table>
                </td>
                <td>
                    &nbsp;
                </td>
            </tr>
            <tr>
                <td>
                    &nbsp;
                </td>
            </tr>
            <tr>
                <td rowspan="2">
                    &nbsp;
                </td>
                <td>
                    &nbsp;
                </td>
            </tr>
            <tr>
                <td>
                    &nbsp;
                </td>
            </tr>
            <tr>
                <td rowspan="2">
                    &nbsp;
                </td>
                <td>
                    &nbsp;
                </td>
            </tr>
            <tr>
                <td>
                    &nbsp;
                </td>
            </tr>
        </table>
    </body>
</html>

Цитата:

Страничка растянута по ширине и по высоте окна броузера, основная информация представлена с полосой прокрутки в тэге div. Firefox показывает полосу, но растягивает страницу на всю длину информации. Отказаться от полосы здесь - нарушить весь замысел визуализации. Фрэймы тоже не приемлемы.

Итак, как сделать задуманное в FireFox?
Заранее спасибо за помощь.

chernikov · 14.08.2006, 12:35

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

Sam Dark · 16.08.2006, 11:09

HTML. Не Strict.

chernikov · 29.08.2006, 07:53

Что-то не получается решить эту задачу...

Hubbitus · 29.08.2006, 12:12

Говорят, что по стандарту и не должна Мозилла себя вести так как Вы олжидаете:

Цитата:

http://forum.mozilla-russia.org/viewtopic.php?pid=93532
Внимательнее читайте стандарт.
Высота в процентах работает только если у родительского объекта задана высота.

Поэтому, в общем-то в таблице такое может и не полуится, хака я не знаю. НО, то же самое можно сделать на блоках (div), ту же самую раскладку, там получается проблема решаема. Примеры есть тут http://xpoint.ru/forums/internet/htm...ad/37050.xhtml и тут http://softwaremaniacs.org/forum/viewtopic.php?pid=419, и тут еще http://forum.mozilla-russia.org/viewtopic.php?pid=93532

16.08.2006, 11:09	# 3
Sam Dark Member Регистрация: 03.07.2003 Адрес: Voronezh, Russia Пол: Male Сообщения: 294	HTML. Не Strict. __________________ Это жжжж неспроста...

14.08.2006, 12:35	# 2
chernikov Junior Member Регистрация: 16.03.2004 Сообщения: 170	для начала, не могли бы вы уточнить doctype, который будет использоваться в вашем докумнете... потому что в зависимости от этого и высота будет определяться...

29.08.2006, 07:53	# 4
chernikov Junior Member Регистрация: 16.03.2004 Сообщения: 170	Что-то не получается решить эту задачу...