Hi. I've written the following style rule for a <div> that I thought would create a 100px-high blue bar across the top of a page.
#header {
position: absolute;
width: 100%;
height: 100px;
top: 0px;
right:0px;
left: 0px;
background-color: #000033;
border: 0;
}
It works in Firefox and Safari, but IE 5.2 leaves a little white space on the right side that's slowly driving me insane. Does anyone know how I can fix that? I thought of the following solution, but it seems pretty crude. (Basically, I inserted the same <div> element going back in the opposite direction.)
#header-ie {
position: absolute;
width: 100%;
height: 100px;
top: 0px;
right:0px;
background-color: #000033;
border: 0;
}
thanks
jnbAnother solution: I hid the overflow in the body tag and made the width 105%. Still crude, but it works.Check your DOCTYPE. IE may also be compensating for a scrollbar.Can you clarify? I apologize for my ignorance, but I'm not sure what I'm looking for in the DOCTYPE.
#header {
position: absolute;
width: 100%;
height: 100px;
top: 0px;
right:0px;
left: 0px;
background-color: #000033;
border: 0;
}
It works in Firefox and Safari, but IE 5.2 leaves a little white space on the right side that's slowly driving me insane. Does anyone know how I can fix that? I thought of the following solution, but it seems pretty crude. (Basically, I inserted the same <div> element going back in the opposite direction.)
#header-ie {
position: absolute;
width: 100%;
height: 100px;
top: 0px;
right:0px;
background-color: #000033;
border: 0;
}
thanks
jnbAnother solution: I hid the overflow in the body tag and made the width 105%. Still crude, but it works.Check your DOCTYPE. IE may also be compensating for a scrollbar.Can you clarify? I apologize for my ignorance, but I'm not sure what I'm looking for in the DOCTYPE.