IMHO.WS

IMHO.WS (http://www.imho.ws/index.php)
-   Веб-программирование (http://www.imho.ws/forumdisplay.php?f=29)
-   -   100% по ширине и высоте + DIV в FireFox (http://www.imho.ws/showthread.php?t=106093)

Sam Dark 18.07.2006 08:58

100% по ширине и высоте + DIV в FireFox
 
Есть вот такая 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


Часовой пояс GMT +4, время: 17:13.

Powered by vBulletin® Version 3.8.5
Copyright ©2000 - 2025, Jelsoft Enterprises Ltd.