Forum Moderators: not2easy
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html><head>
<title>Test Page</title>
<style>* { margin: 0; padding: 0; border: 0; }
HTML { height: 100%; overflow: auto; }
BODY { height: 100%; font-size: 10px; }#footer {
position: absolute;
bottom: 0;
width: 100%; height: 15px;
background: gainsboro;
}
#footer IFRAME { width: 100%; height: 15px; }</style>
</head><body>
<div id='footer'><a href='http://www.some-made-up-name.co.uk' target='_blank'><iframe frameborder='0' src='http://www.some-made-up-name.co.uk/site-by-my-company.htm'>Website designed and hosted by My Company</iframe></a></div>
</body>
</html>
In IE6 and IE7 no problems, in FF for some reason it inserts a 3px gap after the IFRAME, causing a scrollbar, and the actual DIV height to be 18px.
At first thought it was the line-break problem you get in IE, but still there after putting it all on one line. No margin, padding or border so I'm at a loss as to where it's coming from.
Anybody come across this?
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
If you give it the correct DOCTYPE, then it lines up correctly.
Is there a good website where I can see what I can use in loose, and what I can use in strict?
It would be nice if someone knows of a handy website where there's a quick reference.
