I am running:

• WordPress 2.9.2 (installed by Fantastico)
• Atahualpa 3.4.9 (installed within Wordpress add new themes)
• I have not made any edits to the theme other than uploading images into the folder to display in the header... i.e. this is just a default installation
• and publishing a page at http://kungfuinsights.com/2010/07/wo...urnament-2010/

The page looks fine using Firefox and even Safari and Atomic Browser on the iPad.

However, when I set my screen resolution to 1280 x 1024 and look at the screen using IE, the images are cropped vertically. I also see this cropping when I resize the IE window when the screen is at my usual resolution of 1920 x 1200.

Firefox, however, seems to retain the set width of the content and displays a horizontal scroll bar when the size of the browser window isn't wide enough to display all the content.

Is there anything I can do to fix this for the IE experience?

Thanks for an awesome theme :-) I've been a fan for quite a while. But this is the first time I've really adopted the theme and started to work with it.

You have the right-inner sidebar turned on, but nothing in it. IE is more strict about things.
go to ATO->Style & configure SIDEBARS->RIGHT INNER sidebar: Display on: and unclick all the options

Thanks, jungledad. This seems to have recovered some additional width. However, IE is still clipping the images. For example, see the date stamp in the bottom photo.

Any other ideas?

oh wait! Never mind! I resized the window and IE went **SNAP** and threw up a horizontal scroll bar. It's all okay now! Thanks!

And yet when I go back to my normal screen resolution and try to resize the IE window, the horizontal bar doesn't show... *sigh*

This causes the photos to be clipped again... and the content to eventually be cut from the screen if the window is not sized side enough (as if the left and right margins overlap the center column and mask it from view.

Any insights?

please go to ato->Export/Import Style and export your style, then attach it here in a reply (use the paper clip icon)

change all your images in the post and add a class 'size-full' so they are <img class="alignnone size-full".....

Here is the export...

I don't know how to... and I don't see where in the Wordpress UI I can do this - "change all your images in teh post and add a class 'size-full' so they are <img class="alignnone size-full" "

Thanks very much for your assistance so far... Any other recommendations on what I can do next? I'm kinda lost here.

thx again

forgot to attach... here it is

With a photo highlighted, I see... Within insert/edit image dialog... > appearance tab... there is...

Class (drop down option) set to = alignnone

and

Style (text input field) which is empty.

Is this the right place? Seems the class is set correctly. What should I put in the Style text input field?

In that dialog, within Style, I added 'size-full' and updated one photo and updated the post... then went to the post and did a CTRL-R (to do a hard refresh of the page)... and still the image is clipped on the right when the window is resized (i.e. no scroll bar)...

Same thing with the screen resolution changed to lower setting.

the <img...> class should be class="alignnone size-full" and no 'style=...'

When I go into the dialog to edit the image, I don't have that option... Instead I have..

How can I do what you recommend? I'm using Wordpress, not an html editor.

I'd just go into the post using the HTML editor and change it

I went into the html editor view within wordpress and for each photo changed all the class tags to class="alignnone size-full" and I removed all the 'style=' references.

This worked for the photos that were not embedded within a table. However, this did not work for any photos that were embedded within a table.

Any ideas what to do next?

Same thing with me .. please see the example here.

http://www.visaxp.com/?p=5#more-5

It does not render correctly in IE 7

Any idea what's going on here ?

checking this thread multiple times per day for any clues...

checking again... anyone got any ideas?

The biggest problem I see is that the images are wider than the center column which is where they reside. Firefox "overlooks" that but IE doesn't. The pictures plus the text next to them should have a combined width of no more than about 615px in this particular instance.

Hi lmilesw,
What determines this?

Does this mean that all web pages on the internet... or all using Atahualpa shall now be less than 615px wide?

What if the browser and the screen that is viewing the page can handle more than that?

Is there no ability to set the width of the page and then let IE place a scroll bar on the screen when the browser cannot handle it?

This is determined by the dimensions of the image and the dimensions fo the container it is in. 615px is just what I determined was your center column width. There are ways to make the images expand or contract to fill the space allotted them which, I believe, is what Juggledad was trying to explain. To get to the place where you can set the parameters he mentioned click once on the image in the editor and you will see two icons show up on the image. One is for editing and the other is for deleting. Click on the one for editing.

To better clarify what I was talking about with regards to widths take a look at this screencast.