Как настроить позиции с использованием HTML в DW?

Question

Как настроить позиции с использованием HTML в DW?

0

Я делаю приложение с помощью DreamWaver по HTML, я создаю новый div и позиционирую его с использованием возможностей DreamWaver, но при запуске его в браузере я обнаружил, что позиция изменилась, на следующих рисунках:

* IN DW:

http://postimg.org/image/cvshkio0v/

* в браузере (firefox & chrome):

http://postimg.org/image/85ve2097f/

и что части кода:

CSS

.buttonClass {
    width: 320px;
    height: auto;
    text-align: center;
    line-height: normal;
    border-radius: 7px;
    z-index: 3;
    background-image: -webkit-linear-gradient(top,#FFF 0%,#91BDD6 100%);
    background-image: -moz-linear-gradient(top, #FFFFFF 0%, #91BDD6 100%);
    background-image: -ms-linear-gradient(top,#FFF,#91BDD6);
    background-image: -o-linear-gradient(top,#FFF,#91BDD6);
    background-image: linear-gradient(top,#FFF,#91BDD6);
    border: solid #91BDD6 5px;
    box-shadow: 0px 0px 0px 5px #fff, 5px 3px 12px #000000;
    position: absolute;
    left: 1014px;
    top: 591px;
}

HTML

<div id="confirm" class="buttonClass">
  <div align="center">Confirm</div>
</div>

Refaat 18 сен. 2013, в 03:56

Источник

Теги:

html

browser

dreamweaver

1 ответ

Ещё вопросы

JungJoo · Accepted Answer · 2013-09-17T23-45-00.000Z

потому что разные браузеры имеют разный размер

попробуйте правильно: 0; bottom: 0; в классе кнопок

и delete left: #; Вверх: #;

вам также не нужно выровнять центр или второй div внутри div, потому что buttonClass css уже определяет положение содержимого посредством text-align: center;