May 6th, 2008, 07:47 PM
|
 |
/* Spawn Killer Killer */
|
|
Join Date: Nov 2004
Location: New Orleans, LA, USA
|
|
|
IE6 ignoring height style on a div when it is less than the default font size...
Even when there is no text in the div...
http://www.megasouldrill.com/test/
When viewed in firefox and IE7, the 'footer' div maintains it's styled height of 15px. In IE6, however, it seems as though the 'footer' div is ignorign the styled height completely. What gives?
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<head>
<style type='text/css'>
body{
background-color: #9e9e9e;
}
#footer{
background: url('images/footer.gif');
width: 1042px;
height: 15px;
}
</style>
<title></title>
</head>
<body>
<div id='footer'></div>
</body>
</html>
EDIT: made problem simpler and gave a better title if you're already viewed this.
I have since realized that adding overflow: hidden; to the footer styles fixes this as well as changing the background style to include no-repeat
Last edited by flashbck : May 6th, 2008 at 08:09 PM.
|
Dev Shed Forums Sponsor:
Del.icio.us
Digg
Google
Spurl
Blink
Furl
Simpy
Y! MyWeb
Linear Mode
