Title: Issue while resizing when content has image
Last modified: August 21, 2016

---

# Issue while resizing when content has image

 *  Resolved [Ashutosh](https://wordpress.org/support/users/ashubetta/)
 * (@ashubetta)
 * [12 years, 6 months ago](https://wordpress.org/support/topic/issue-while-resizing-when-content-has-image/)
 * Hi Ron,
    I found this minor bug while resizing the window in Firefox and Internet
   Explorer: [Animation](https://dl.dropboxusercontent.com/u/3466711/Sreenshot_2952.gif),
   [Screenshot](https://dl.dropboxusercontent.com/u/3466711/Screenshot_2814.png)
 * Basically, when either the content or the sidebar (or both) have a full width
   image, they won’t resize fluidly when the browser window is being resized. Here’s
   a page without any image in the content or sidebar:
 * [Animation](https://dl.dropboxusercontent.com/u/3466711/Sreenshot_9581.gif)
 * Chrome (and I presume other WebKit/Blink browsers as well) doesn’t have this 
   problem. Does this have anything to do with “display:table-cell” that you suggested
   [here](http://wordpress.org/support/topic/issues-with-responsiveness?replies=3)?
   I tried Asteroid and it seems to have the same problem.
 * The screenshots are from my local WP installation, but [my blog](http://pctonic.net)
   is running the same code.
 * Thanks.

Viewing 2 replies - 1 through 2 (of 2 total)

 *  Theme Author [ronangelo](https://wordpress.org/support/users/ronangelo/)
 * (@ronangelo)
 * [12 years, 6 months ago](https://wordpress.org/support/topic/issue-while-resizing-when-content-has-image/#post-4389193)
 * Yes, that is caused by the `display: table-cell`
    Elements that behave like tables
   follow the size of its content. Can’t find a good solution to this since even
   the browsers can’t seem to agree on how to display these styles similarly. To
   make this work you’ll have to use percentages for the widths instead of exact
   pixels.
 * Remove the added css code from your last topic then add this on the Custom CSS
   option:
 *     ```
       #main #content {width: 66.5%;}
       #main .sidebar {width: 33.5%;}
   
       @media screen and (max-width:800px){
          #main #content, #main .sidebar {width: 100%;}
       }
       ```
   
 *  Thread Starter [Ashutosh](https://wordpress.org/support/users/ashubetta/)
 * (@ashubetta)
 * [12 years, 6 months ago](https://wordpress.org/support/topic/issue-while-resizing-when-content-has-image/#post-4389309)
 * This works much better. Thanks a lot. 🙂

Viewing 2 replies - 1 through 2 (of 2 total)

The topic ‘Issue while resizing when content has image’ is closed to new replies.

 * ![](https://i0.wp.com/themes.svn.wordpress.org/frontier/1.3.3/screenshot.png)
 * Frontier
 * [Support Threads](https://wordpress.org/support/theme/frontier/)
 * [Active Topics](https://wordpress.org/support/theme/frontier/active/)
 * [Unresolved Topics](https://wordpress.org/support/theme/frontier/unresolved/)
 * [Reviews](https://wordpress.org/support/theme/frontier/reviews/)

## Tags

 * [frontier](https://wordpress.org/support/topic-tag/frontier/)
 * [image](https://wordpress.org/support/topic-tag/image/)
 * [resizing](https://wordpress.org/support/topic-tag/resizing/)

 * 2 replies
 * 2 participants
 * Last reply from: [Ashutosh](https://wordpress.org/support/users/ashubetta/)
 * Last activity: [12 years, 6 months ago](https://wordpress.org/support/topic/issue-while-resizing-when-content-has-image/#post-4389309)
 * Status: resolved