Yipeeeh, that solved my problem :-)
Many thanks!!!
One day I'll maybe finally understand CSS *g*
On Feb 19, 9:49 pm, Hilco Wijbenga <hilco.wijbe...@gmail.com> wrote:
> On 19 February 2011 03:43, pete <superp...@geekcity.de> wrote:
>
>
>
> > Hallo,
>
> > I have a weird problem, in my UiBinder template (suppose it's the
> > template for TestWidget) I have sth like the following code
>
> > <ui:style>
> > .fullSize {
> > height: 100%;
> > width: 100%;
> > }
> > </ui:style>
>
> > <g:ScrollPanel addStyleNames='{style.fullSize}'>
> > <g:HTMLPanel addStyleNames='{style.fullSize}'>
> > <div class='{style.fullSize}'>TestDiv</div>
> > </g:HTMLPanel>
> > </g:ScrollPanel>
>
> > But if I initialize
>
> > TestWidget test = new TestWidget();
> > SimplePanel testPanel = new SimplePanel();
> > testPanel.setPixelSize(800, 600);
> > testPanel.add(test);
> > RootPanel.get().add(testPanel);
>
> > I see that the ScollPanel indeed has the full size of 800 x 600, but
> > then in FireBug it shows a weird div with just position: relative; and
> > for all child elements the size is broken (meaning, the percentage
> > doesn't refer to the 800 x 600 px anymore...)
> > I tried for a ridiculous long time, to fix this, but I don't know
> > where I go wrong (since literally every f***** tag should have size
> > 100% and therefore I don't know where this ominous tag without style
> > comes from...)
>
> > Does anyone know what I'm doing wrong, and how to fix it? It' almost 5
> > in the morning here, so it might as well be a stupid mistake, that I
> > can't identify through my swollen little pig eyes anymore, but I
> > couldn't find rest, if I hadn't at least posted it here ;-)
>
> The strange div you're seeing is part of ScrollPanel. ScrollPanel
> consists of a div in a div.
>
> If you add
>
> .fullSize div {
> height: 100%;
> width: 100%;
>
> }
>
> then you should get what you want.
--
You received this message because you are subscribed to the Google Groups
"Google Web Toolkit" group.
To post to this group, send email to google-web-toolkit@googlegroups.com.
To unsubscribe from this group, send email to
google-web-toolkit+unsubscr...@googlegroups.com.
For more options, visit this group at
http://groups.google.com/group/google-web-toolkit?hl=en.
