why my image auto rotate to 90 deg in Safari ?

image rotate

[xbl01234]

Hello;

why my image auto rotate to 90 deg in Safari ? but it sit in a right position in IE and Chrome, could anyone help me, please.

[lucy24]

could anyone help me, please.

Not without seeing the relevant CSS and HTML :( Not the whole thing! Just the bit that pertains to the image(s). Is the problem limited to one particular image, or does it happen throughout the page or all over the site?

Different behavior in Safari vs. Chrome is a little unusual, since they're both webkit. What happens in Firefox?

[xbl01234]

Here is my code, i did not test in firefox

.bk{
width: 260px;
height: 340px;
float:left;
padding:10px;

}

<img class="bk" src="./image/bk.jpg" alt="bk" >

[xbl01234]

and it just hapens to one image

[lucy24]

If it's just the one image, there's probably something wonky in the file. (XIF data, or whatever the ### they use in jpegs, although that shouldn't exist in a web-ready image should it?) It might be interesting and informative to figure out what's going on ... but it might also be faster and simpler just to replace the file. Start with something simple like opening it in your image editor of choice and "Save As..." a new name and/or location.

:: trying to remember who, hereabouts, is the Image Expert ::

[xbl01234]

thanks a lot, i am going to try it.

[not2easy]

By any chance is this a photo taken on an iPhone? I ask because this is a common problem for those because they store the orientation to be interpreted for viewing and some software can alter or lose the tag. My guess is that Safari would have no trouble reading and complying, but if using some software to upload (like for FB or WP) the tag could be lost or altered. The suggestion to rename it may help.

Editing to add that it has been known to happen to images synched to or from iPhone even if they were taken with any camera and then synched via iPhone.