Menu

#160 SGS - Rendering differences Internet Explorer and Firefox

Latest_version
closed
nobody
5
2010-03-03
2010-02-24
Easy
No

Hi,
Using IE 8 and FF 3.6 on same Windows XP machine, sane SGS application.
Displaying same module/page.

Some differences are noticeable.

1.The ID column in the attached screen shot, is single character column width on IE while 3 char on FF. This creates a major visual difference between the two. Please note the two browser windows s were adjusted to the same width on the screen, so expectation was for same display.

2. Please note that boxes around screen items (like view names, search box, SGS main menu line, folders, categories) are square on IE while they have rounded corners (one or all) on FF. The \"select\" box on FF has a square around, while on IE seems to have 2 sided shadow.

I personally prefer the FF look and I wonder if SGS can be adjusted to achieve this same look on IE?

Thanks,
Easy

General information:
- Simple Groupware version - 0.605
- Simple Groupware language - English
About Your environment:
- Server platform + Version - Windows XP, SP3
- Used webbrowser - Firefox 3.6
Parts of XAMPP 1.73
- Web-server platform + Version - Apache 2.2.14
- Database + Version - MySQL 5.1
- PHP Version - 5.3.1
About You:
- Your e-mail address - ibaumel@hotmail.com
- Your role - Developer

Discussion

  • Easy

    Easy - 2010-02-24

    SGS Render on IE and FF

     
  • Thomas Bley

    Thomas Bley - 2010-02-28

    Hello,

    IE does not support CSS v3, so rounded borders, gradients and shadows are not available.
    The width of a column can be set in sgsML with the "width" attribute.

    bye
    Thomas

     
  • Easy

    Easy - 2010-02-28

    Thanks Thomas,
    I understand how the missing support on IE for CSSv3 explains the other differences. Thanks.

    How about the ID column width, why does IE display it in 1 char width while FF in 3.
    What is the default used by SGS for field display width?
    I understand the possible used of the "width" attribute, but why not needed on FF.

    Thanks again,
    Easy

     
  • Thomas Bley

    Thomas Bley - 2010-02-28

    Hello,

    Firefox and IE render web pages differently: To reduce scrollbars in IE, you need to use another text wrapping, see "<sgs-dir>/bin/templates/core.css":

    <if $browser eq "msie">
    word-break:break-all;
    </if>

    You can also reduce line breaks by reducing the number of columns to be displayed.

    bye
    Thomas

     
  • Easy

    Easy - 2010-03-03

    By Thomas,
    Browser differences and no support in IE for CSS v3.

    Easy

     
  • Easy

    Easy - 2010-03-03
    • status: open --> closed
     

Log in to post a comment.