-
Gap at bottom of site. Unwanted div background in FF, but not IE
NEVERMIND! 
You CSS detectives might find it interesting, but I just figured it out:
This string of code, in the reset.css file was what done it:
html {color:#000;background:#FFF;}
WHY, I still have no frikkin' clue, but, there you have it.
My test site: http://www.defossesdesign.com/mockups has 2 problems:
The background image doesn't quite get to the bottom in IE7 (scroll all the way down, even if it looks like you don't have to).
The bottom yellow image is a fixed position div set to bottom:0px, so it is flush, but notice the white on each side?
The background isn't making it to the bottom.
Not a problem in FF.
Edit: If I remove the reset.css link, it drops down and looks fine on IE, but then all the other resets are lost... and I've deleted every line, one by one, in the reset.css, and it didn't matter....
Here it is:
html {color:#000;background:#FFF;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td
{margin:0;padding:0;}
table {border-collapse:collapse;border-spacing:0;}
fieldset,img {border:0;}
address,caption,cite,code,dfn,em,strong,th,var {font-style:normal;font-weight:normal;}
li {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal;}
q:before,q:after {content:'';}
abbr,acronym {border:0;font-variant:normal;}
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}
input,textarea,select {font-family:inherit;font-size:inherit;font-weight:inherit;}
legend {color:#000;}
body {font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}
table {font-size:inherit;font:100%;}
pre,code,kbd,samp,tt {font-family:monospace;*font-size:108%;line-height:100%;}
And also, in Firefox, the background doesn't start until 1/4 down the page.
EDIT: fixed this by setting padding instead of margin on #content. Why does FF do that, but not IE? Odd.
Any help would be great, thanks in advance.
Links to CSS: http://www.defossesdesign.com/mockups/reset.css
http://www.defossesdesign.com/mockups/styles.css
Last edited by Geezer D; 10-16-2008 at 04:19 AM.
-
Posting Permissions
- You may not post new threads
- You may not post replies
- You may not post attachments
- You may not edit your posts
-
Forum Rules
Bookmarks