In theory, if you're only using GWT components, they should already be styled correctly for all browsers.
In practice, that is only true if your site is entirely GWT; mixing it up with a little GWT here and there will without fail screw all the styles up. There isn't really a good solution for the problem; you can have a look asset bundling though; it has some inbuilt smarts for browser hacks, but it can only detect IE6. There's some documentation about that here: http://code.google.com/webtoolkit/doc/latest/DevGuideClientBundle.html#CssResource If you're working with a designer that isn't GWT friendly, your best bet is probably to great the code; and then get them to style it correctly using a couple of style sheets; webkit, gekko, IE-new, IE- old, then use a JSNI call to detect browser type; eg. private native String getBrowser */-{ // native js detection hackery. :/ }-*/; Then use a CssResource to inject the appropriate stylesheet: eg. String b = getBrowser(); if (b.equals("ie-old")) { bundle.stylesheetIeOld.ensureInjected(); } Long story short; mixing non-GWT and GWT is a pain. If you can, stick to an entirely GWT web app, and you'll find all the browser quicks should smooth out. If that's not an option... well, good luck with that~ ~ Doug. On Jul 16, 9:52 pm, sythiar <[email protected]> wrote: > I'm a complete beginner to GWT and am in fact only the designer for > the site that a programmer is creating. Out of the two of us I have > charged myself to find a solution for this problem. I'm really not > sure if this has been posted yet, so pardon me if this may be > repeating a question asked in a previous post. > > The problem: > I would like to know if there is any way to implement alternative > style sheets for IE7 as well as IE6 to iron out CSS bugs for these > browsers. I have previously tried to implement the conditional HTML in > the head of the index.html file of our site (aka. <!--[if IE 7]> <link > href="ie7styles.css" rel="stylesheet" type="text/css"> <![endif]-->). > However, even though I put this style at the end of the head sector > after all the other scripts, it seems that the css still isn't active > or is being overwritten as it does not show up in IE7. > > Actions so far: > - I have checked the path for the style sheet and it is right. > - To check if the conditional HTML works I have put it into the body > area of index.html and filled it with some random text. It works as > the text is only displayed in IE7. > > Other solutions? > - Do I have to edit the modules .xml file that is included into the > index.html through a .js file? > - Or do I have to edit that js file itself? > > I really hope that someone is able to help me with this. Somehow I > feel that the solution to this should be fairly easy, but I still > can't find it. > Meanwhile I'll look at some more forum posts for some answers... -- 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.
