Стандарты, объект во всё окно браузера, как?

agaaaa

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">



<html xmlns="http://www.w3.org/1999/xhtml">

<head runat="server">

    <title>Mega Button</title>

    <style type="text/css">

    html, body, form {

	    height: 100%;

	    overflow: auto;

    }

    body {

	    padding: 0;

	    margin: 0;

    }

    </style>

</head>

<body>

    <form id="formMegaButton" runat="server">

    <asp:ScriptManager ID="scriptManager" runat="server" />

    <div style="height: 100%;">

        <asp:Button runat="server" style="width: 100%; height: 100%;"/>

    </div>

    </form>

</body>

</html>

В IE8 Standards mode и FF 3.0.8 появляется прокрутка справа.

Dasar

между div-ом и button-ом еще могут быть padding-и и margin-ы

agaaaa

<div style="height: 100%; padding: 0px; margin: 0px;">

    <asp:Button runat="server" style="width: 100%; height: 100%; padding: 0px; margin: 0px;"/>

</div>

Эффект тот же.

6yrop

а под Firebug-ом не видно, что происходит?

artimon

А как я должен угадать, что скрывается за asp:Button?
И ещё, не вижу обнуления margin у формы.

pitrik2

а под Firebug-ом не видно, что происходит?
жжошь!
для начала надо бы view source сделать
и только потом уже фаербаги всякие

6yrop

жжошь!
для начала надо бы view source сделать
и только потом уже фаербаги всякие
почему потом? это же одна кнопка, а просматривать в большинстве случаев удобнее.

agaaaa

Не поверишь, там обычный input

agaaaa

Во встроенной утилите IE8 body выходит за пределы html.

agaaaa

Ничего не меняется.

pitrik2

Не поверишь, там обычный input
и такое может быть
а может быть что там ваще ппц сколько всего

agaaaa

Решил проблему установкой overflow: hidden; Но меня смущает, что в IE7 нормально работало с auto (правда не кнопка).

hwh2010

Я вижу, у тебя вопрос исключительно по вёрстке. Тогда объясни пожалуйста что тебе нужно, не привлекая термины ASP.
FF 3.07, полосы прокрутки нет:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

    <title>Mega Button</title>

    <style type="text/css">

    html, body, form {

	    height: 100%;

	    overflow: auto;

    }

    body {

	    padding: 0;

	    margin: 0;

    }

    </style>

</head>

<body>

    <form id="formMegaButton">

    <div style="height: 100%;">

        <input><>

    </div>

    </form>

</body>

</html>

agaaaa

Ты пропустил style="width: 100%; height: 100%;" у обычного input'а

hwh2010

Ты пропустил style="width: 100%; height: 100%;" у обычного input'а
Нет, это ты (или твоё web-приложение) эти атрибуты туда написало, о чём ты почему-то нам не поведал.
кстати, почитай на досуге. Очень советую.

agaaaa

Я полагал об этом можно догадаться по этой строчке:
<asp:Button runat="server" style="width: 100%; height: 100%;"/>

serega1604

наверно телепаты ушли в отпуск.

hwh2010

Я полагал об этом можно догадаться
текст по ссылке прочитал?
в Opera и Firefox такой код не приводит к появлению полосы прокрутки:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

    <title>Mega Button</title>

    <style type="text/css">

    html, body, form {

	    height: 100%;

	    overflow: auto;

    }

    body {

	    padding: 0;

	    margin: 0;

    }

    </style>

</head>

<body>

    <form id="formMegaButton" style="display:inline">

    <div style="height: 100%;"><input style="width: 100%; height: 100%; border:none"></div>

    </form>

</body>

</html>

Проблема твоя выеденного яйца не стОит. Её решили только через 2 дня не потому что здесь недостаточно человек, знающих решение, а потому что им телепатировать нет времени или просто западло.
Оставить комментарий
Имя или ник:
Комментарий: