Премахнете абсолютната позиция, генерирана от GWT

В моята уеб страница имам меню (HorizontalPanel), което трябва да бъде закрепено в долната част на страницата. За да направя това, опитах да използвам класа RootLayoutPanel и да добавя южна джаджа в него и успях да го направя. но проблемът е, че менюто не е центрирано. Опитах се да добавя друг CSS, в който написах (и забележете позицията):

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

Но когато страницата е преработена, позицията е зададена като абсолютна от GWT. И аз се опитах да наложа позицията, като добавих този lig към кода, но не проработи:

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