Page offset in IE (but not Firefox)

Discussion in 'CSS' started by MTbiker, Jan 27, 2007.

  1. #1
    Yesterday I looked at one of my sites in IE and was shocked to see it! It looks just right in Firefox, but the page is split in two in IE.

    The page is http://badbreathtreatments.com. There's a top, left, and a middle div.

    I'm not sure what happened (I have used the same basic layout on other sites and they are fine.) Anyone know which CSS property would be causing this?

    Thanks.
     
    MTbiker, Jan 27, 2007 IP
  2. kk5st

    kk5st Prominent Member

    Messages:
    3,497
    Likes Received:
    376
    Best Answers:
    29
    Trophy Points:
    335
    #2
    Not tested in IE, but gets rid of some serious errors.
    
    #left {
    	margin: 2px 5px 10px 5px;
    	float: left;
    	width: 150px;
    	padding: 2px;
    	border: 2px solid gray;
    	background-color: #f5f5f5;
    	}
    
    #middle {
    	margin: 2px 5px 10px 165px;
    	padding: 5px;
    	border: 1px dashed gray;
    	}
    
    #footer {
        clear: both;
    	text-align: center;
    	border: 1px dashed #e3e3e3;
    	width: 60%;
    	margin: 0 auto 3px auto;
    	}
    Code (markup):
    Get that much fixed, and we'll have a better starting point.

    cheers,

    gary
     
    kk5st, Jan 27, 2007 IP
    MTbiker likes this.
  3. MTbiker

    MTbiker Well-Known Member

    Messages:
    2,536
    Likes Received:
    123
    Best Answers:
    0
    Trophy Points:
    170
    #3
    Wow that worked perfectly :D

    I think I learned a few things too ;)
     
    MTbiker, Jan 27, 2007 IP