search

mdgio / iMap

Maryland iMAP applications
10 stars 24 forks source link

Toolbar #6

Closed jsomerville closed 9 years ago

jsomerville commented 11 years ago

Description: Toolbar not transparent

Steps to reproduce:

  1. Open in IE 9.
  2. Open Developer Tools
  3. Set Browser Mode to IE 8
  4. Set Document Mode to IE 8 (this causes the issue to appear). In actual IE 8 the tool buttons did not line up properly, either. IE 7 Browser Mode and Document Mode show this.

Browsers: IE 8

SSporik commented 11 years ago

rgba values are not supported at IE8 or earlier. To fix this issue, a tag was added in ie.css to set the background to transparent:

toolbarContainer .dijitToolbar{

background: transparent; }

SSporik commented 11 years ago

As for centering the wemap-toolbar-center div that contains the tool buttons, I think centering divs in IE8 must be different.

I added this tag to the index page to force w3c standards: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> according to this post: http://stackoverflow.com/questions/816343/why-will-this-div-img-not-center-in-ie8

Will need to test this on a machine with IE8, the simulation in IE debugger will not show the non-centered buttons.

SSporik commented 11 years ago

Also added the following tag to the ie.css file:

webmap-toolbar-center {

text-align:center;

} according to the same stack overflow post referenced in the above comment.

JBocan commented 9 years ago

With the later versions of the template in 2014 and in later versions of IE. Not tested in IE 8 and earlier version at this point, however. It is highly suggested to upgrade to the later or current browser versions. Issue is now considered closed.