Have you tried using either of DockLayoutPanel or LayoutPanel? Since you're
already using layout panels, it should be fairly straightforward to use
absolute positioning to create three DIVs of approximately equal width.
Then you can just set the text-align property for each DIV as necessary.
Hi Thomas!
Am Dienstag, 18. Dezember 2012 09:15:05 UTC+1 schrieb Thomas Broyer:
Haven't looked in details but if you use display:table why are you using
floats? why not use display:table-cell to split your row into 3 cells?
I have consequently used table-cell now, but IE8 keeps displaying
Hi Andrea!
Am Mittwoch, 19. Dezember 2012 08:56:09 UTC+1 schrieb Andrea Boscolo:
meta http-equiv=X-UA-Compatible content=IE=8
See http://code.google.com/p/google-web-toolkit/wiki/IE8Support
Thanks! This had the following effect:
The page is now set to IE8 standards mode by default.
But
On Tuesday, December 18, 2012 8:43:54 AM UTC+1, Magnus wrote:
Hello,
assume a rectangular region at the bottom of the browsers content, used as
a statusbar.
There should be three containers for text:
- left edge, vertically centered, defined left padding
- right edge, vertically
Hi Thomas,
I assume you mean something like this:
http://jsfiddle.net/3EJ7A/19/
In this case the cells all are aligned to the left.
How can we position them left, right and centered?
Magnus
--
You received this message because you are subscribed to the Google Groups
Google Web Toolkit group.
There is a typo in the table-row div (missing display). Then use text-align
if you want to align just the text.
See http://jsfiddle.net/a4RmK/
I'd rather try a cleaner solution though, like http://jsfiddle.net/nnpGb/
On Tuesday, December 18, 2012 9:46:15 AM UTC+1, Magnus wrote:
Hi Thomas,
I
Hi Andrea,
I would also prefer a cleaner solution, and I explicitely tried your
approach (using the code below). But it also gets misaligned in IE8:
http://www.bavaria64.de:8080/bcst/index.html?testStatusBar
The word RIGHT is not aligned to the right, but below the word LEFT.
There must be a
I see it misaligned even on firefox.
Anyway simply add the divs to the outer panel in the left, right, center
order (not left, center, right as you did). Recheck my last fiddle.
AFAIK should work also in IE.
On Tuesday, December 18, 2012 6:27:19 PM UTC+1, Magnus wrote:
Hi Andrea,
I would
Hi,
in the meantime I tried more than 5 different approaches, using divs with
float or display:table/row/cell and that. All approaches work with all
browsers except IE8! So I found that the problem may not be located within
the CSS!
The key observation for me is that the problem went away
Actually a !DOCTYPE HTML declaration means standard mode, not strict. So
you are fine with it.
See
https://developers.google.com/web-toolkit/doc/latest/DevGuideUiPanels#Standards
To force IE8 standard mode try to add in the head element
meta http-equiv=X-UA-Compatible content=IE=8
See
Hello,
assume a rectangular region at the bottom of the browsers content, used as
a statusbar.
There should be three containers for text:
- left edge, vertically centered, defined left padding
- right edge, vertically centered, defined right padding
- center, vertically centered
11 matches
Mail list logo
