rogerio Posted September 3, 2012 Share Posted September 3, 2012 I have tried SEVERAL footers with IE8 and they all have one problem in that they hang unless the browser is dragged horizontally (just vertical won't work) and then it will follow; is there a way to solve this? sample: <style type="text/css">* {margin:0;padding:0;}html, body {height:100%;}#container {overflow:hidden; /* wrap floats just in case */min-height:100%;}* html #container {/* IE6 has no min-height, but will will treat height as such if overflow is set to visible. Thankfully the height declaration trips haslayout, which wraps floats.*/height:100%;overflow:visible;}#content {/* extra bottom padding makes room for footer */padding:0.5em 0.5em 4.1em;}#footer {position:relative; /* make sure it depth sorts over #content */margin-top:-3.6em;font:normal 100%/120% arial,helvetica,sans-serif;}</style></head><body><div id="container"><div id="content"> Just some test content IE6 has no min-height, but will will treat height as such if overflow is set to visible. Thankfully the height declaration trips haslayout, which wraps floats.</div><!-- #container --></div><div id="footer">Test Line 1<br />Test Line 2<br />Test Line 3<!-- #footer --></div> Link to comment Share on other sites More sharing options...
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!
Register a new accountSign in
Already have an account? Sign in here.
Sign In Now