internet explorer 10 - Float Tags in IE10 not working as expected -


so...having issue ie10 , believe float tags. have page has multiple rows of thumbnail images re-flow according window size using float tags. pretty kewl. images great in every browser; images re-stack , flow nicely...except in ie10. in ie10 nice, neat rows , columns of thumbnail images gone. instead, 1 row of thumbnail images in 1 row (no columns) jet off across page inside container, on 150 images not view-able, first few thumbnails of first row. ie10 ignoring float. not sure how fix this. i've heard of flex boxes fix won't work on other browsers.

not sure how fix this. , keep in mind new css...here's code:

@charset "utf-8"; /* css document */ div.img   {     margin: 3px;     border: 3px solid #7e8baf;     height: auto;     width: auto;     float: left;     text-align: center;     padding: 2px;     background-color: #2ebbea;     clear: right;   } div.img img   {     display: inline;     margin: 3px;     border: 1px solid #ffffff;     text-align-last: end;   } 

web page here

and of course, can't see in ie10 because not able ie10 on pc. checked page @ sauce labs in ie10 , looked great. on clients computer...well not great. , i'm green in css figure out how fix this. on top of that, have buy wig because have pulled out hair (yeah, it's ugly).

thanks in advance suggestions, help.


Comments

Popular posts from this blog

linux - Does gcc have any options to add version info in ELF binary file? -

android - send complex objects as post php java -

charts - What graph/dashboard product is facebook using in Dashboard: PUE & WUE -