Title: CSS Problem in IE
Last modified: February 7, 2017

---

# CSS Problem in IE

 *  [jimlynch](https://wordpress.org/support/users/jimlynch/)
 * (@jimlynch)
 * [21 years, 6 months ago](https://wordpress.org/support/topic/css-problem-in-ie/)
 * My blog is at [http://www.jimlynch.com](http://www.jimlynch.com) The CSS has 
   been tweaked so that the left, right and center columns are white and the rest
   of the background is a tan color.
    But something is wrong with IE. If you load
   it in IE, the right column is on the left and the left column is pushed way out
   to the right. Go check it out and you’ll see what I mean. Thanks if you can help
   out with this, I’m not great with CSS at all. Here is the CSS I’m using: /* Dots–
   A WordPress CSS Template Copyright 2004 Alex King Based on: Bloggia 3-Column 
   Template by Alex King ([http://www.bloggia.com/styles/bloggia_themer/](http://www.bloggia.com/styles/bloggia_themer/))*/
   body { background: #e8e8d1; color : #111; margin: 0; padding: 0; text-align: 
   center; } h1, h2, h3, h4, p, li, a, span, th, td, input, select, textarea { font-
   family: verdana, tahoma, arial, helvetica, geneva, sans-serif; } p, li, td, caption,
   input, select, textarea { font-size: 12px; font-weight: normal; } #rap { display:
   block; margin: auto; position: relative; text-align: left; width: 770px; background-
   color: #FFF; } #header { background: url(/banner1.gif) no-repeat; border: 1px
   solid #4B5340; border-width: 0 1px 2px 1px; color: #fff; font-size: 18px; height:
   98px; left: 0; margin: 0; padding: 0; position: absolute; text-align: left; top:
   0; width: 768px; } #header a { color: #fff; display: block; padding: 65px 10px
   10px 10px; } #content { left: 190px; padding: 10px 0 0 0; position: relative;
   top: 100px; width: 420px; background: #FFF; } #content h2 { border-bottom: 1px
   solid #878D7C; color: #000000; font-size: 12px; margin: 0; padding: 0 0 3px 0;
   text-align: right; } #content div.post { padding: 0 0 10px 0; } #content div.
   post h3 { color: #000000; font-size: 14px; margin: 7px 0 3px 0; padding: 0; }#
   content div.post h3 a, #content div.post h3 a:link, #content div.post h3 a:visited{
   color: #000000; } #content div.post div.meta, #content div.post div.meta ul li
   a, #content div.post div.meta ul li a:link, #content div.post div.meta ul li 
   a:visited { color: #000000; font-size: 12px; } #content div.post div.meta ul {
   display: inline; margin: 0; padding: 0; } #content div.post div.meta ul li { 
   display: inline; margin: 0; padding: 0 3px 0 0; } #content div.post div.storycontent{
   border-left: 2px solid #e8e8e8; margin: 0 10px 0 0; padding: 0 0 0 7px; } #content
   div.post div.feedback a { color: #000000; font-size: 12px; } #content div.post
   div.storycontent ol, #content div.post div.storycontent ul, #content div.post
   div.storycontent li, #content div.post div.storycontent blockquote { margin-left:
   15px; padding-left: 0; color: #777 } #comment { height: 150px; width: 400px; }#
   search, #googlead, #calendar, #categories, #sonyad, #archives { left: 630px; 
   margin: 0; padding: 0; position: absolute; width: 139px; } #search { top: 0; }#
   googlead { top: 70px; } #calendar { top: 325px; } #categories { top: 485px; }#
   sonyad { top: 970px; } #archives { top: 1075px; } #menu { background: url(/jimflag.
   jpg) no-repeat; left: 0; padding: 110px 0 0 0; position: absolute; top: 110px;
   width: 190px; } #menu ul { list-style: none; margin: 0; padding: 0; } #menu ul
   li { color: #000000; font-weight: bold; margin: 0 0 10px 0; padding: 0; } #calendar
   caption { font-weight: bold; } #calendar th { color: #4B5340; font-size: 10px;
   padding: 2px; text-align: center; } #calendar tbody td { font-size: 10px; padding:
   2px; text-align: right; } #menu form { margin: 0; padding: 0; } #menu ul li ul{
   margin: 2px 0 0 0; padding: 0; } #menu ul li ul li { color: #000000; font-weight:
   normal; margin: 0 0 2px 10px; padding: 0; } #menu ul li ul li a, #menu ul li 
   ul li a:link, #calendar td a, #calendar td a:link { color: #000000; } #menu ul
   li ul li a:visited, #calendar tfoot td a:visited { color: #000000; } p.credit{
   display: none; }

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

 *  Thread Starter [jimlynch](https://wordpress.org/support/users/jimlynch/)
 * (@jimlynch)
 * [21 years, 6 months ago](https://wordpress.org/support/topic/css-problem-in-ie/#post-93330)
 * Oh damn it. I had a typo in my URL. Here’s the correct link:
    [http://www.jimlynch.com](http://www.jimlynch.com)
 *  Thread Starter [jimlynch](https://wordpress.org/support/users/jimlynch/)
 * (@jimlynch)
 * [21 years, 6 months ago](https://wordpress.org/support/topic/css-problem-in-ie/#post-93331)
 * Found the edit button and changed the original link.
 *  Thread Starter [jimlynch](https://wordpress.org/support/users/jimlynch/)
 * (@jimlynch)
 * [21 years, 6 months ago](https://wordpress.org/support/topic/css-problem-in-ie/#post-93332)
 * Note that the three column default design that this is based on is Dots.
 *  Thread Starter [jimlynch](https://wordpress.org/support/users/jimlynch/)
 * (@jimlynch)
 * [21 years, 6 months ago](https://wordpress.org/support/topic/css-problem-in-ie/#post-93347)
 * This is all set now.

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

The topic ‘CSS Problem in IE’ is closed to new replies.

 * 4 replies
 * 1 participant
 * Last reply from: [jimlynch](https://wordpress.org/support/users/jimlynch/)
 * Last activity: [21 years, 6 months ago](https://wordpress.org/support/topic/css-problem-in-ie/#post-93347)
 * Status: not resolved

## Topics

### Topics with no replies

### Non-support topics

### Resolved topics

### Unresolved topics

### All topics