Title: IE layout issue
Last modified: August 19, 2016

---

# IE layout issue

 *  [joeblock](https://wordpress.org/support/users/joeblock/)
 * (@joeblock)
 * [16 years, 7 months ago](https://wordpress.org/support/topic/ie-layout-issue/)
 * The layout of [my blog](http://baseballbroadcasters.meetjoeblock.com/wordpress/)
   looks perfect in Firefox and all kinds of messed up in IE.
 * I edited the main CSS stylesheet, but also hard-coded some HTML in there to get
   it to look like the rest of [the site](http://www.baseballbroadcasters.com).
 * Please let me know if I can offer screenshots or coding to help you help me!
 * Thanks, Joe

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

 *  [Peter Boosten](https://wordpress.org/support/users/pboosten/)
 * (@pboosten)
 * [16 years, 7 months ago](https://wordpress.org/support/topic/ie-layout-issue/#post-1222329)
 * It’s the left margin on the sidebar that’s killing the site. IE handles margins
   different than other browsers do.
 * Embed content and sidebar in a div, and make them float left.
 * Peter
 *  Thread Starter [joeblock](https://wordpress.org/support/users/joeblock/)
 * (@joeblock)
 * [16 years, 7 months ago](https://wordpress.org/support/topic/ie-layout-issue/#post-1222625)
 * [This](http://www.baseballbroadcasters.com/images/screenshot.png) is what the
   site looks like in Firefox. I suppose adding a forced space to move the content
   over would solve one problem, but why doesn’t the header even show up in IE, 
   for instance?
 * Thanks for your help.
 *  [Peter Boosten](https://wordpress.org/support/users/pboosten/)
 * (@pboosten)
 * [16 years, 7 months ago](https://wordpress.org/support/topic/ie-layout-issue/#post-1222627)
 * Again, you should **NOT** be positioning containers with (left) margins, because
   that’ll give unexpected results in different browsers.
 * example:
 *     ```
       <div id="wrapper">
         <div id="content">
           <div class="post">
             <p>your content goes here</p>
           </div> <!-- end class post -->
           <div class="post">
             <p>your content goes here</p>
           </div> <!-- end class post -->
         </div> <!-- end content -->
         <div id="sidebar">
           <ul>
             <li>sidebar entry</li>
             <li>sidebar entry</li>
           </ul>
         </div> <!-- end sidebar -->
       </div> <!-- end wrapper -->
       ```
   
 * and the css:
 *     ```
       #wrapper {
         width: 900px;
         margin: 0 auto;
       }
   
       #content {
         width: 600px;
         float: left;
       }
   
       #sidebar {
         width: 300px;
         float: left;
       }
       ```
   
 * Peter
 *  Thread Starter [joeblock](https://wordpress.org/support/users/joeblock/)
 * (@joeblock)
 * [16 years, 7 months ago](https://wordpress.org/support/topic/ie-layout-issue/#post-1222628)
 * Now I understand. Thank you for taking the time and effort for instructing me
   on something you probably find very basic. I am not skilled at programming. Trial-
   and-error, learn-on-the-fly… Thanks very much for your help. I appreciate it.

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

The topic ‘IE layout issue’ is closed to new replies.

## Tags

 * [Firefox](https://wordpress.org/support/topic-tag/firefox/)
 * [ie](https://wordpress.org/support/topic-tag/ie/)
 * [Issues](https://wordpress.org/support/topic-tag/issues/)
 * [layout](https://wordpress.org/support/topic-tag/layout/)

 * 4 replies
 * 2 participants
 * Last reply from: [joeblock](https://wordpress.org/support/users/joeblock/)
 * Last activity: [16 years, 7 months ago](https://wordpress.org/support/topic/ie-layout-issue/#post-1222628)
 * Status: not resolved

## Topics

### Topics with no replies

### Non-support topics

### Resolved topics

### Unresolved topics

### All topics