Удалить абсолютную позицию, созданную GWT

На моей веб-странице у меня есть меню (HorizontalPanel), которое должно быть прикреплено к нижней части страницы. Для этого я попытался использовать класс RootLayoutPanel и добавить в него южный виджет, и мне это удалось. но проблема в том, что меню не по центру. Я попытался добавить еще один CSS, в котором написал (и обратите внимание на позицию):

.cetrer {
    Margin-left : auto;
    margin-right: auto;
    position: relative;
}

Но когда страница перерисовывается, GWT устанавливает абсолютную позицию. И я попытался форсировать позицию, добавив эту строчку в код, но это не сработало:

DOM.setElementAttribute(menuBar.getElement(), "style", "position: relative;");

Так есть ли какое-нибудь решение, которое можно исправить? Спасибо


css gwt
person bouhmid_tun    schedule 10.04.2012    source источник

Ответы (1)


arrow_upward
1
arrow_downward

Вы пробовали добавить !important;? Нравится:

.cetrer {
    Margin-left : auto;
    margin-right: auto;
    position: relative !important;
}

Но не лучшее решение.

person Ray    schedule 10.04.2012
comment
Вау! Большое спасибо за решение, но этот тег (! Important) принадлежит W3C или создан сообществом GWT? - person bouhmid_tun; 11.04.2012
comment
Ничего общего с GWT, он был в CSS со времен CSS1 :). Хотя это решение быстрое и грязное, я бы порекомендовал вам узнать, как это сделать с помощью GWT. - person Ray; 11.04.2012
comment
Ах! Хорошо, я нашел эту ссылку webdesign.about.com/od/css/f /blcssfaqimportn.htm. Спасибо большое за вашу помощь. - person bouhmid_tun; 11.04.2012