Recently there was a display error difficult to track down in my app: FlexTable cells were 4px higher than expected (regarding the content box). When I eventually set line-height: 0 the padding/margin/you name it evaporated.
So I guess there's a text node consisting of white space or a line break in these cells and I don't have a clue why. Or the image itself is causing this (creating a new line in terms of HTML).
I do it straighforwardly:
FlexTable ft = new FlexTable();
Image i = new Image(url);
resulting in the cell being rendered 4px higher than the image itself - no paddings, borders, margins applied as checked with Chrome's built-in DevTools.
I'm very curious to know why this happens because it does not happen on another page doing the exact similar thing ... Is this by design (of HTML/Chrome/CSS/...)? Should I give XHTML a try instead? Is there a way to control all nodes with GWT?
You received this message because you are subscribed to the Google Groups "Google Web Toolkit" group.
To view this discussion on the web visit https://groups.google.com/d/msg/google-web-toolkit/-/uzIyH-z2O2IJ.
To post to this group, send email to firstname.lastname@example.org.
To unsubscribe from this group, send email to email@example.com.
For more options, visit this group at http://groups.google.com/group/google-web-toolkit?hl=en.
Post a Comment