difference in alignment on different browsers

1,137 views
Skip to first unread message

Vik

unread,
Jul 8, 2010, 11:43:10 AM7/8/10
to google-we...@googlegroups.com
Hie


and notice the alignment of fields in IE Vs chrome/firefox 

The one coming in chrome or firefox is the desired one. So how to fix it for IE? And I thought i dont need to take care cross browser stuff using gwt

Thankx and Regards

Vik
Founder
www.sakshum.com
www.sakshum.blogspot.com

lineman78

unread,
Jul 8, 2010, 12:10:27 PM7/8/10
to Google Web Toolkit
IE seems to be inheriting the align="center" from the parent td. the
simple way is to add align="left" on the form table, but you could add
it to each cell individually using the cell formatter. Depending on
the GWT panels you are using there are multiple different ways to
solve this. Essentially the difference is inheritance in IE vs Gecko/
Webkit.

On Jul 8, 9:43 am, Vik <vik....@gmail.com> wrote:
> Hie
>
> Check out pleasehttp://1.latest.sakshumweb20.appspot.com/ui/page/DonorRegister.jsp

Vik

unread,
Jul 9, 2010, 1:05:30 AM7/9/10
to google-we...@googlegroups.com
hie

thanks looks helpful... 

The firebug shows following layout

<td align="center">
   <fieldset>
<table>
<clogroup></colgroup>
<tbody>
.
.
.
and so on </tbody>

in firebug i add align="left" to tbody then it fixes the issue.

However, in css if add following it doesn't work:
fieldset table tbody {
align: left;
}

any advise plz

Thankx and Regards

Vik
Founder
www.sakshum.com
www.sakshum.blogspot.com



--
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-we...@googlegroups.com.
To unsubscribe from this group, send email to google-web-tool...@googlegroups.com.
For more options, visit this group at http://groups.google.com/group/google-web-toolkit?hl=en.


Vik

unread,
Jul 11, 2010, 1:31:48 AM7/11/10
to google-we...@googlegroups.com
any help on this plz...

Thankx and Regards

Vik
Founder
www.sakshum.com
www.sakshum.blogspot.com


lineman78

unread,
Jul 12, 2010, 4:57:48 PM7/12/10
to Google Web Toolkit
Sorry for the late response,

align is not a valid css property, use text-align:left;

On Jul 10, 11:31 pm, Vik <vik....@gmail.com> wrote:
> any help on this plz...
>
> Thankx and Regards
>
> Vik
> Founderwww.sakshum.comwww.sakshum.blogspot.com
>
> On Fri, Jul 9, 2010 at 10:35 AM, Vik <vik....@gmail.com> wrote:
> > hie
>
> > thanks looks helpful...
>
> > The firebug shows following layout
>
> > <td align="center">
> >    <fieldset>
>
> > <table>
>
> > <clogroup></colgroup>
> > <tbody>
> > .
> > .
> > .
> > and so on </tbody>
>
> > in firebug i add align="left" to tbody then it fixes the issue.
>
> > However, in css if add following it doesn't work:
> > fieldset table tbody {
> > align: left;
> > }
>
> > any advise plz
>
> > Thankx and Regards
>
> > Vik
> > Founder
> >www.sakshum.com
> >www.sakshum.blogspot.com
>
> > On Thu, Jul 8, 2010 at 9:40 PM, lineman78 <linema...@gmail.com> wrote:
>
> >> IE seems to be inheriting the align="center" from the parent td.  the
> >> simple way is to add align="left" on the form table, but you could add
> >> it to each cell individually using the cell formatter.  Depending on
> >> the GWT panels you are using there are multiple different ways to
> >> solve this.  Essentially the difference is inheritance in IE vs Gecko/
> >> Webkit.
>
> >> On Jul 8, 9:43 am, Vik <vik....@gmail.com> wrote:
> >> > Hie
>
> >> > Check out pleasehttp://
> >> 1.latest.sakshumweb20.appspot.com/ui/page/DonorRegister.jsp
>
> >> > and notice the alignment of fields in IE Vs chrome/firefox
>
> >> > The one coming in chrome or firefox is the desired one. So how to fix it
> >> for
> >> > IE? And I thought i dont need to take care cross browser stuff using gwt
>
> >> > Thankx and Regards
>
> >> > Vik
> >> > Founderwww.sakshum.comwww.sakshum.blogspot.com
>
> >> --
> >> 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-we...@googlegroups.com.
> >> To unsubscribe from this group, send email to
> >> google-web-tool...@googlegroups.com<google-web-toolkit%2Bunsu...@googlegroups.com>
> >> .

Vik

unread,
Jul 13, 2010, 10:31:26 AM7/13/10
to google-we...@googlegroups.com
thanks a lot!!!

Thankx and Regards

Vik
Founder
www.sakshum.com
www.sakshum.blogspot.com


To unsubscribe from this group, send email to google-web-tool...@googlegroups.com.
Reply all
Reply to author
Forward
0 new messages