I've solved this issue by adding this to myApp.css:
.gwt-Button {
font-size: 12px;
}
On 13 Sep., 05:25, John Gunther <[email protected]> wrote:
> Thanks, when I added the following doctype at the top of the host
> page:
>
> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/
> TR/html4/strict.dtd">
>
> The IE button sizes dropped down a notch.
>
> (Previously, I had not included any doctype at all...that gave me the
> gargantuan IE buttons)
>
> I also tried this doctype, which also corrected the problem:
>
> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
> "http://www.w3.org/TR/html4/loose.dtd";>
>
> The buttons in IE are still bigger, but not grossly so, and they no
> longer bump up against each other like the did before, so they look
> acceptable.
>
> (Got the above doctypes from the link I found
> here:http://groups.google.com/group/google-web-toolkit/msg/bca2b847b68957b2)
>
> Any ideas about which of the above two doctypes (or some others) are
> better? They both seem to work fine as far as I can tell at this
> point, except that some of my text sizes changed in FF (which I
> suppose I can fix by following some of your other suggestions).
>
> On Sep 12, 9:47 pm, Ian Bambury <[email protected]> wrote:
>
> > Two things -
> > GWT themes are only there (mostly) to style GWT widgets AFAICT, they are not
> > a complete cross-browser solution to all css differences. Maybe one day.
>
> > Buttons are browser and OS dependent and whatever you do, you'll never get a
> > Safari button to look like an IE button.
>
> > So...
>
> > I'd suggest you add your own css before the theme to level all the browsers
> > and then build up the defaults you personally want - including button text
> > size (this is probably THE most useful thing you can do to reduce css
> > problems, that and a proper doctype).
>
> > And if you want to have buttons look the same in all browsers, use the GWT
> > PushButton.
>
> > HTH
>
> > Ian
>
> >http://examples.roughian.com
>
> > 2009/9/13 John Gunther <[email protected]>
>
> > > I've noticed that in IE buttons are noticeably larger using the
> > > standard GWT CSS theme than these buttons are in other browsers. This
> > > makes consistent cross-browser sizing difficult for me.
>
> > > Just eyeballing I'd say the IE buttons are around 50% wider and taller
> > > than in the other browsers.
>
> > > For example, Buttons with plenty of space between them in FF look
> > > squeezed together in IE, and so on.
>
> > > Questions:
>
> > > Have you seen this behavior (or is it just me)?
> > > Do you know why it happens?
> > > Simple fix that makes the IE buttons closer to the FF buttons in size?
>
>
--~--~---------~--~----~------------~-------~--~----~
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
-~----------~----~----~----~------~----~------~--~---
