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; }
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
Post a Comment