locked
Getting horizontal white lines in bing map ajax api v7 RRS feed

Answers

  • If we use ‘strict’ Doc type instead of ‘Transitional’ then it produces white lines in the map in internet explorer.  (Bing Map Ajax API V7.0)

     

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

     

    If we  replace ‘strict’ attribute with ‘transitional’ then white lines will be removed in internet explorer.

     

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-Transitional.dtd">

     

    Main problem lies in <br> tag’s rendering behavior, which creates some space in Strict Doc Type.

    Please Refer: http://stackoverflow.com/questions/1449660/br-html-tag-not-cross-browser-compatible

     

    Basically the following code produces small white space (line) between two images in ‘Strict’ Doc type in IE:

     

    <img src=……../>

    <br />

    <img src=……./>

     

    And this is the rendering behavior of bing map in the page where map is formed of many images and <br /> tag produces white space between lines of image.

     

     

     

     

    Thanks,

    Jitendra


    Jitendra
    • Marked as answer by JitendraGupta Monday, February 14, 2011 2:29 PM
    Monday, February 14, 2011 2:29 PM
  • work around until it get fixed by bing:

    add following css: 

    .MicrosoftMap { line-height: 1px; }

     


    Jitendra
    • Marked as answer by JitendraGupta Tuesday, March 1, 2011 12:43 PM
    Wednesday, February 16, 2011 6:04 AM

All replies

  • Well, what doctype tag are you using? Whether you are using a simple HTML or ASP Master Page, it does not matter, it is still just HTML in the end.

    Make sure you have the correct doctype tag as you saw in the thread you linked, and also make sure you don't have CSS styling on all images.

    Friday, February 11, 2011 1:37 PM
  • If we use ‘strict’ Doc type instead of ‘Transitional’ then it produces white lines in the map in internet explorer.  (Bing Map Ajax API V7.0)

     

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

     

    If we  replace ‘strict’ attribute with ‘transitional’ then white lines will be removed in internet explorer.

     

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-Transitional.dtd">

     

    Main problem lies in <br> tag’s rendering behavior, which creates some space in Strict Doc Type.

    Please Refer: http://stackoverflow.com/questions/1449660/br-html-tag-not-cross-browser-compatible

     

    Basically the following code produces small white space (line) between two images in ‘Strict’ Doc type in IE:

     

    <img src=……../>

    <br />

    <img src=……./>

     

    And this is the rendering behavior of bing map in the page where map is formed of many images and <br /> tag produces white space between lines of image.

     

     

     

     

    Thanks,

    Jitendra


    Jitendra
    • Marked as answer by JitendraGupta Monday, February 14, 2011 2:29 PM
    Monday, February 14, 2011 2:29 PM
  • work around until it get fixed by bing:

    add following css: 

    .MicrosoftMap { line-height: 1px; }

     


    Jitendra
    • Marked as answer by JitendraGupta Tuesday, March 1, 2011 12:43 PM
    Wednesday, February 16, 2011 6:04 AM
  • I have tried both of the suggestions above and have had no luck in getting rid of the horizontal line.  My doctype is set to transitional and I have no over-riding css in my style sheets that messes with the img tags.

    For some reason, the horizontal line is still showing up.  However, when I switch to IE8, the map renders fine.  It's only when I change my debugger to render in IE7 mode that it breaks.  Please let me know if there's anything else I can try.  Thanks.

     

    Moua

    Friday, September 9, 2011 8:03 PM
  • This also can occur if you have your browser zoom set to something other than 100%.
    Monday, September 12, 2011 4:46 PM
  • @moua - Could you repro the issue on http://www.bingmapsportal.com/ISDK/AjaxV7#CreateMap1 or on simple htm created by copy/paste of html after clicking 'View HTML' button on the page?

    No repro on IE7/8 or IE9. Could you paste you page link?


    MSFT
    Hemant Goyal
    Tuesday, September 13, 2011 5:12 AM