none
Preview button behavior RRS feed

  • Question

  • When you hover over the preview button in forum view, the button becomes "activated". However, on IE6, when activated the button changes from a "down" arrow to an "up" arrow, which is not correct. This does not happen on Mozilla browsers (FireFox/SeaMonkey). When the preview is shown, the behavior on IE6 is correct: the button points "up" both when activated and deactivated. I have not tried on IE7.

    There are also some other differences between IE6 and Mozilla in this regard.

    1. On IE6 the preview button always appears on a very light grey background square, which makes it more noticeable. In Mozilla there is no such square, just the symbol (which is rather small). It would be easy to miss the preview button on a Mozilla browser. Personally I prefer the "Mozilla look", but the symbol should be bigger.

    2. The preview button can actually be activated when hovering over other parts of the "post line". On IE6 it can be activated by hovering over any text on the post line that is not a link . On Mozilla it can be activated anywhere (text or empty space) on the post line that is not a link. No big deal, but these behaviors have to be a bug, yes?

    These differences between IE6 and Mozilla bother me a bit. What about browser-independent code? There are also a *lot* of HTML errors on all the forum pages.




    David Wilkinson | Visual C++ MVP
    Sunday, June 22, 2008 11:18 AM

Answers

  • Rob:

    Thanks for the reply.

    OK, but the most blatant error was the one with the IE6 "up arrow when activated" described in the first paragraph of my post.

    As to browser independence and HTML validation, on the main forum page I see

    <link id="ctl00_ctl00_ctl01_MasterCssLink" type="text/css" rel="Stylesheet" href="http://i2.forums.community.microsoft.com/CssResource.axd?d=dxLBPOIcPku7kynRK8-eyzQeTsH2r7srxOpZVv5thQ54FXVyAbYXQTZ2zIR7G2Z49IP27fb_n1wY7Ro5CohO2S2jXh2JDY2K_C5F3uA6mi6pb3TvtvvgZKPOoWEbhWEV-fYUvj5BFbwprIfdpmxh_LgAavHtG05gx7lbcfcOdZ85aNZkgecv6-KyuQwhBzdw0&amp;t=633493305348881115" />
    <link id="ctl00_ctl00_ctl01_BrandCssLink" type="text/css" rel="Stylesheet" href="http://i2.forums.community.microsoft.com/CssResource.axd?d=dxLBPOIcPku7kynRK8-eyzQeTsH2r7srxOpZVv5thQ54FXVyAbYXQTZ2zIR7G2Z49IP27fb_n1wY7Ro5CohO2S2jXh2JDY2K_C5F3uA6mi6pb3TvtvvgZKPOoWEbhWEV-fYUvj5BFbwprIfdpmxh_LgAavHtG05gx7lbcfcOdZ-Kmruc2NmTMufVC85Warz_0&amp;t=633493305348881115" /><!--[if IE 8]>
    <!--[if IE 8]>
    <link id="ctl00_ctl00_ctl01_MasterCssLinkIE8" type="text/css" rel="Stylesheet" href="http://i2.forums.community.microsoft.com/CssResource.axd?d=dxLBPOIcPku7kynRK8-eyzQeTsH2r7srxOpZVv5thQ54FXVyAbYXQTZ2zIR7G2Z49IP27fb_n1wY7Ro5CohO2S2jXh2JDY2K_C5F3uA6mi6pb3TvtvvgZKPOoWEbhWEV-fYUvj5BFbwprIfdpmxh_LgAavHtG05gx7lbcfcOdZ9H005t6r3-N1ux4ZihSG81t_UnCLuZqMxbK2MNFCpRIA2&amp;t=633493305348881115" />
    <![endif]-->

    <!--[if IE 7]>
    <link id="ctl00_ctl00_ctl01_MasterCssLinkIE7" type="text/css" rel="Stylesheet" href="http://i2.forums.community.microsoft.com/CssResource.axd?d=dxLBPOIcPku7kynRK8-eyzQeTsH2r7srxOpZVv5thQ54FXVyAbYXQTZ2zIR7G2Z49IP27fb_n1wY7Ro5CohO2S2jXh2JDY2K_C5F3uA6mi6pb3TvtvvgZKPOoWEbhWEV-fYUvj5BFbwprIfdpmxh_LgAavHtG05gx7lbcfcOdZ9H005t6r3-N1ux4ZihSG81t_UnCLuZqMxbK2MNFCpRIA2&amp;t=633493305348881115" />
    <![endif]-->

    <!--[if IE 6]>
    <link id="ctl00_ctl00_ctl01_MasterCssLinkIE6" type="text/css" rel="Stylesheet" href="http://i1.forums.community.microsoft.com/CssResource.axd?d=dxLBPOIcPku7kynRK8-eyzQeTsH2r7srxOpZVv5thQ54FXVyAbYXQTZ2zIR7G2Z49IP27fb_n1wY7Ro5CohO2S2jXh2JDY2K_C5F3uA6mi6pb3TvtvvgZKPOoWEbhWEV-fYUvj5BFbwprIfdpmxh_LgAavHtG05gx7lbcfcOdZ-k5C-ZtH3VH2RoI_v6nM--KzyB83FHL258Qy8C5tYIaA2&amp;t=633493305348881115" />

    <![endif]>

    1. This seems to suggest browser differences beyond what you say.

    2. This sequence generates XHTML errors, apparently due to the "--" sequence in the IE6 link.

    I'm not saying that the anomalies with regard to the preview button necessarily have to do with
    HTML errors (very likely they don't), but as long as the markup is not validating that is always a possibility.

    Finding it difficult to format this post nicely. Sorry.


    David Wilkinson | Visual C++ MVP
    Sunday, June 22, 2008 10:26 PM
  • Sorry, I forget those css includes are there. They come from our shared framework. I'll have to go back and check what they are doing now, but those should only manipulate the MasterPage container areas that all of our new social sites share. I was only considering the forums specific stuff.

    Looks like you are correct, at a glance I'm thinking the last <![endif]> is malformed. Thanks for pointing that out, we'll look into it.

    Also, I'll get the IE6 Arrow issue you mentioned logged for investigation.

    Thanks!

    Rob J, Forums Dev
    Tuesday, June 24, 2008 5:14 AM
  • The Preview feature was removed, and thus this bug. Thanks!

    Ed Price (a.k.a User Ed), SQL Server Experience Program Manager (Blog, Twitter, Wiki)


    Thursday, February 9, 2012 6:22 AM
    Owner

All replies

  • Hi David, let me try to provide some details about your issues and concerns.

    davewilk said:

    1. On IE6 the preview button always appears on a very light grey background square, which makes it more noticeable. In Mozilla there is no such square, just the symbol (which is rather small). It would be easy to miss the preview button on a Mozilla browser. Personally I prefer the "Mozilla look", but the symbol should be bigger.

    This comes down to IE6's handling of PNG's and Transparency. We do have CSS targeted to IE6 that helps with this in some scenarios. IE7, FF and so on use the same CSS (and is the way we want it to look as well).

    davewilk said:

    2. The preview button can actually be activated when hovering over other parts of the "post line". On IE6 it can be activated by hovering over any text on the post line that is not a link . On Mozilla it can be activated anywhere (text or empty space) on the post line that is not a link. No big deal, but these behaviors have to be a bug, yes?

    Again, this has more to do with IE6 and it's handling of the mouseover and click events. In this case the same script is used on all browsers, but with the various floats and positioning going on IE6 seems to only recognize it as you've noted above. IE7/FF behave the way we intended.

    davewilk said:

    These differences between IE6 and Mozilla bother me a bit. What about browser-independent code? There are also a *lot* of HTML errors on all the forum pages.

    During dev, our strategy was to make things work in IE7 and FF2 first and foremost. Then we'd test other browsers (IE6, Safari and Opera). For all browsers except IE6, the CSS used is the same. For script there is only one place that comes to mind where there's a specific difference and that would be the "Browser Back" functionality, and that's out of necessity. Regarding the HTML Validation errors, we'd like to get them all cleared up over time but higher priority is to not do browser specific code that works (most of the time :))

    Rob J, Forums Dev
    Sunday, June 22, 2008 4:05 PM
  • Rob:

    Thanks for the reply.

    OK, but the most blatant error was the one with the IE6 "up arrow when activated" described in the first paragraph of my post.

    As to browser independence and HTML validation, on the main forum page I see

    <link id="ctl00_ctl00_ctl01_MasterCssLink" type="text/css" rel="Stylesheet" href="http://i2.forums.community.microsoft.com/CssResource.axd?d=dxLBPOIcPku7kynRK8-eyzQeTsH2r7srxOpZVv5thQ54FXVyAbYXQTZ2zIR7G2Z49IP27fb_n1wY7Ro5CohO2S2jXh2JDY2K_C5F3uA6mi6pb3TvtvvgZKPOoWEbhWEV-fYUvj5BFbwprIfdpmxh_LgAavHtG05gx7lbcfcOdZ85aNZkgecv6-KyuQwhBzdw0&amp;t=633493305348881115" />
    <link id="ctl00_ctl00_ctl01_BrandCssLink" type="text/css" rel="Stylesheet" href="http://i2.forums.community.microsoft.com/CssResource.axd?d=dxLBPOIcPku7kynRK8-eyzQeTsH2r7srxOpZVv5thQ54FXVyAbYXQTZ2zIR7G2Z49IP27fb_n1wY7Ro5CohO2S2jXh2JDY2K_C5F3uA6mi6pb3TvtvvgZKPOoWEbhWEV-fYUvj5BFbwprIfdpmxh_LgAavHtG05gx7lbcfcOdZ-Kmruc2NmTMufVC85Warz_0&amp;t=633493305348881115" /><!--[if IE 8]>
    <!--[if IE 8]>
    <link id="ctl00_ctl00_ctl01_MasterCssLinkIE8" type="text/css" rel="Stylesheet" href="http://i2.forums.community.microsoft.com/CssResource.axd?d=dxLBPOIcPku7kynRK8-eyzQeTsH2r7srxOpZVv5thQ54FXVyAbYXQTZ2zIR7G2Z49IP27fb_n1wY7Ro5CohO2S2jXh2JDY2K_C5F3uA6mi6pb3TvtvvgZKPOoWEbhWEV-fYUvj5BFbwprIfdpmxh_LgAavHtG05gx7lbcfcOdZ9H005t6r3-N1ux4ZihSG81t_UnCLuZqMxbK2MNFCpRIA2&amp;t=633493305348881115" />
    <![endif]-->

    <!--[if IE 7]>
    <link id="ctl00_ctl00_ctl01_MasterCssLinkIE7" type="text/css" rel="Stylesheet" href="http://i2.forums.community.microsoft.com/CssResource.axd?d=dxLBPOIcPku7kynRK8-eyzQeTsH2r7srxOpZVv5thQ54FXVyAbYXQTZ2zIR7G2Z49IP27fb_n1wY7Ro5CohO2S2jXh2JDY2K_C5F3uA6mi6pb3TvtvvgZKPOoWEbhWEV-fYUvj5BFbwprIfdpmxh_LgAavHtG05gx7lbcfcOdZ9H005t6r3-N1ux4ZihSG81t_UnCLuZqMxbK2MNFCpRIA2&amp;t=633493305348881115" />
    <![endif]-->

    <!--[if IE 6]>
    <link id="ctl00_ctl00_ctl01_MasterCssLinkIE6" type="text/css" rel="Stylesheet" href="http://i1.forums.community.microsoft.com/CssResource.axd?d=dxLBPOIcPku7kynRK8-eyzQeTsH2r7srxOpZVv5thQ54FXVyAbYXQTZ2zIR7G2Z49IP27fb_n1wY7Ro5CohO2S2jXh2JDY2K_C5F3uA6mi6pb3TvtvvgZKPOoWEbhWEV-fYUvj5BFbwprIfdpmxh_LgAavHtG05gx7lbcfcOdZ-k5C-ZtH3VH2RoI_v6nM--KzyB83FHL258Qy8C5tYIaA2&amp;t=633493305348881115" />

    <![endif]>

    1. This seems to suggest browser differences beyond what you say.

    2. This sequence generates XHTML errors, apparently due to the "--" sequence in the IE6 link.

    I'm not saying that the anomalies with regard to the preview button necessarily have to do with
    HTML errors (very likely they don't), but as long as the markup is not validating that is always a possibility.

    Finding it difficult to format this post nicely. Sorry.


    David Wilkinson | Visual C++ MVP
    Sunday, June 22, 2008 10:26 PM
  • Sorry, I forget those css includes are there. They come from our shared framework. I'll have to go back and check what they are doing now, but those should only manipulate the MasterPage container areas that all of our new social sites share. I was only considering the forums specific stuff.

    Looks like you are correct, at a glance I'm thinking the last <![endif]> is malformed. Thanks for pointing that out, we'll look into it.

    Also, I'll get the IE6 Arrow issue you mentioned logged for investigation.

    Thanks!

    Rob J, Forums Dev
    Tuesday, June 24, 2008 5:14 AM
  • The Preview feature was removed, and thus this bug. Thanks!

    Ed Price (a.k.a User Ed), SQL Server Experience Program Manager (Blog, Twitter, Wiki)


    Thursday, February 9, 2012 6:22 AM
    Owner