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 johncurtisgunt...@yahoo.com 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 ianbamb...@gmail.com 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 johncurtisgunt...@yahoo.com
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 -~--~~~~--~~--~--~---
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 johncurtisgunt...@yahoo.com 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: !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 ianbamb...@gmail.com 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 johncurtisgunt...@yahoo.com 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 -~--~~~~--~~--~--~---
