WordPress.org

1. Gamedot
   Member
   Posted 10 months ago #
   

   Hi,

   Occasionally I find some of my article images bleed over the page frame and I'm not sure why. Can anyone advise please?

   Thanks.

   http://wordpress.org/extend/plugins/wptouch/

2. BraveNewCode Inc.
   Member
   Plugin Author
   Posted 10 months ago #
   

   Hi Gamedot,

   If the images are in an element with a fixed width then that is the dimension that will be used. If possible, share the URL of an article in question and we'll take a look.

3. Gamedot
   Member
   Posted 10 months ago #
   

   Hi,

   All of the images are a set width, 600 x 310, but only some of them seem to bleed over the edge.

   None of the posts from the last few days have been effected, but one example is http://www.gamedot.co.uk/2012/07/05/transformers-release-date-brought-forward/

   Thanks

4. BraveNewCode Inc.
   Member
   Plugin Author
   Posted 10 months ago #
   

   The image in that example url has, as you noted, a fixed width that is wider than the average mobile device's screen. But using flexible dimensions, you will ensure that your images scale to whatever size screen used.

   Try something like
   img.aligncenter {width:100%; height:auto;}

5. Gamedot
   Member
   Posted 9 months ago #
   

   If that was the main cause of the problem, wouldn't it happen on every post? Every image that we use (excluding screenshots, but they are added as a gallery) has the dimensions 600x320, but only some articles seem to be effected and I can't figure out why.

   Changing the width and height does work, but I'd prefer not to have to do that.

   Thanks.

6. BraveNewCode Inc.
   Member
   Plugin Author
   Posted 9 months ago #
   

   Any screen smaller than the width of your image (600px) will truncate images of fixed dimensions. That is not specific to WPtouch but rather a standard functionality of most browsers. Images that scale automatically likely do not have fixed widths specified, regardless of their dimensions.

Reply

You must log in to post.