google chrome - Image Resizing on Different Browsers -
i'm trying make website , works fine on browsers google chrome , safari, doesn't work on mozilla firefox , internet explorer.
here's link how looks http://imgur.com/bmmoqw0,qiicbr4#0 first image how looks in chrome , safari. second link ie , firefox.
the html square image wrapped in many borders.
<div> <div> ... <div> <img> </div> ... </div> </div>
the css has image , divs set border-radius 100% , has code along lines of:
max-width: 574px; max-height: 574px; display:block; max-height:100%; //repetitive, know, i've been frustratingly trying might work width:auto; max-width:100%; height: auto;
i've tried max-height, without max-height, height: 100%, without height: 100%, etc. i've googled problem countless times , solutions work others don't seem work me. i've set html, body {height: 100%} , i've tried .cycle-slide {width:100%;} , section img { width: 100% } didn't work either.
edit: http://jsfiddle.net/zc3y8/1/ code little bit different because i'm using ruby on rails on aptana. pretty how looks
you using 2 different images link: first one, http://i.imgur.com/bmmoqw0.png , second one, http://i.imgur.com/qiicbr4.png
Comments
Post a Comment