Re: GWT Standard theme ==> relatively much bigger IE buttons. Fix?
I've solved this issue by adding this to myApp.css:
.gwt-Button {
font-size: 12px;
}
On 13 Sep., 05:25, John Gunther wrote:
> Thanks, when I added the following doctype at the top of the host
> page:
>
> 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:
>
> "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 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
>
> > > 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 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
-~--~~~~--~~--~--~---
Re: GWT Standard theme ==> relatively much bigger IE buttons. Fix?
Thanks, when I added the following doctype at the top of the host page: 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: 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 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 > > > > > 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 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 -~--~~~~--~~--~--~---
Re: GWT Standard theme ==> relatively much bigger IE buttons. Fix?
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 > > 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 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 -~--~~~~--~~--~--~---
GWT Standard theme ==> relatively much bigger IE buttons. Fix?
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 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 -~--~~~~--~~--~--~---
