The problem is the floated p in the footer: if I remove the float, all is fine again
Putting a clearing <div> solves the problem too, so I think it’s a clearing float problem… But I get crazy because the floated p is inside a floated div (the footer) so it should clear… More, I used the overflow:hidden technique and its counterpart for lt IE7, but bothing happens…
Hi Rayzur!
Ehr… yes, I’m “refactoring” the grid to be “almost-standard-these-days” 950px wide and 12 columns (the grid I’ve worked on before was for 800x600 screen resolutions and it lacked some… “air”): it’s a sort of my “personal laboratory” where I experiment different solutions to see what’s the most reliable and with less code
Thanks, I was missing the ignored last floated bottom margin on IE6/7 (can’t wait the day when there will be no more non-standard browsers around…): I took inspiration from your example and I simply added a conditional rule for IE6/7
-ie.css-
#footer { *padding-bottom:10px; ... }
At the moment, all is clear in this grid except one thing, hope you can help for this too…
In the ie.css file I had to put the line:
#content { _float:left; }
Without this snippet, on IE6 the Content div has a tedious one-or-two pixels left margin: please, can you tell me why?