I'm using ipad testing in this case. the charts within the article doesnt adjust itself to the length of middle column. It went way out of the border. How can I fix it?

If you look at the chart element, what is the CSS applied AND any styling embedded in the element itself?

Images in Posts
Style images in posts, when they have no caption. The lines with "radius" create rounded corners in Firefox and Safari. To remove the border around images, delete everything in this box.

padding: 5px;
border: solid 1px #dddddd;
background-color: #f3f3f3;
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;

------

style.css


*/

.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}

.alignleft {
float: left;
}

.alignright {
float: right;
}

.wp-caption {
background: #f1f1f1;
line-height: 18px;
margin-bottom: 20px;
padding: 4px;
text-align: center;
}

.wp-caption-text {
color: #888;
font-size: 12px;
margin: 5px;
}

.gallery-caption {
color: #888;
font-size: 12px;
margin: 0 0 12px;
}

.sticky {
font-weight: normal;
}

.bypostauthor {
font-weight: normal;
}

try adding a width: 100%' to the image

WHere should I add it?

add it here? atahualpa theme options -> style image -> Images in Posts

width: 100%;

like that?

did you try it?

Its fixed. Thanks! love you!