Not sure why you're putting panels inside of panels, but I've had much better luck with the setHorizontalAlignment() calls rather than the CSS.
I know this isn't the "proper" technique as it puts styling in the code, but it's the only solution I've found to work 100% of the time. On Jan 29, 10:17 pm, Chris <[email protected]> wrote: > I am trying to "center" a panel of text in the North DockLayoutPanel. > I get the following to work on firefox but not IE6. On IE, it looks > like the widths are being ignored (or resized) and the position: > absolute causes problems. > > Any suggestions on how I can "center" a panel? > > public class Application implements EntryPoint{ > > public void onModuleLoad(){ > DockLayoutPanel dock = new DockLayoutPanel(Unit.PX); > > Widget w = new HTML("Text To Center Goes Here!<br/><hr/>"); > > LayoutPanel inner = new LayoutPanel(); > inner.add(w); > inner.setWidth("960px"); > inner.addStyleName("centerstyle"); > > dock.addNorth(inner, 50); > > RootLayoutPanel.get().add(dock); > } > > } > > The style is: > .centerstyle{ > margin: 0 auto; > > } > > and in firefox this will center the "inner" panel. > > TIA, > Chris.... -- You received this message because you are subscribed to the Google Groups "Google Web Toolkit" group. To post to this group, send email to [email protected]. To unsubscribe from this group, send email to [email protected]. For more options, visit this group at http://groups.google.com/group/google-web-toolkit?hl=en.
