#1
  1. No Profile Picture
    Contributing User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Nov 2004
    Posts
    223
    Rep Power
    0

    White space on right side of header on IE 8 but not on google chrome or firefox


    Quick question, can someone tell me why do i get a white space on the right side of the screen http://www.impulsanl.org/testing.htm on IE 7 and IE 8? It seems to work ok with firefox and google chrome. (all screen).

    CSS code:

    Code:
    #extraDiv1 {
    	background: url(images/header1.png) repeat-x;
    	position: absolute; 
    	top: 0px; 
    	left: 0px; 
    	width: 100%; 
    	height: 100px;
    	margin: 0;
    	padding: 0;
    }
    HTML

    <div id="extraDiv1"></div>
    thanks.
  2. #2
  3. CSS & JS/DOM Adept
    Devshed Supreme Being (6500+ posts)

    Join Date
    Jul 2004
    Location
    USA (verifiably)
    Posts
    20,124
    Rep Power
    4309
    You need to tell browsers to use "standards mode" by using a better doctype. This one will do the job:
    Code:
    <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">
    Spreading knowledge, one newbie at a time.

    Learn CSS. | PHP includes | HTML Validator | CSS validator

    Remember people spend most of their time on other people's sites (so don't violate web design conventions).

IMN logo majestic logo threadwatch logo seochat tools logo