|
|
Posted by kchayka on 11/20/11 11:36
Remy wrote:
> I've built a page with heavy use of CSS and ASP.NET (shouldn't matter).
Maybe it shouldn't matter, but some of the worst code I've ever seen has
been spewed forth from ASP.NET ;)
> Now I have the issue that the footer is displayed inside the page
> instead of at the end, but this only happens in Firefox and Safari. IE
> is ok.
>
> http://206.196.24.3/TuningCustomerInfo.aspx
You are mistaken. IE only appears to be OK because you are relying on
its broken overflow behavior. The other browsers are rendering it per
the specs.
> CSS definition for the footer
> clear: both;
>
> So, for whatever reason, the footer starts where column3 stops and
> column3 is shorter than column1.
No, you are mistaken again. With my particular text and window size, the
footer starts below column2 because that one is the longest.
You made the mistake of setting an explicit height on columns 1 and 3
(450px). Conforming browsers are respecting that, and letting any
overflow spill out and overlay whatever comes after it. IE's default
overflow behavior treats height as min-height, so it automatically
expands the container to fit the content. This is incorrect.
BTW, you could probably figure at least some of these things out
yourself using the DOM Inspector in Firefox. It is very handy for
debugging CSS, among other things. And if you don't already have the Web
Developer extension, get it.
<URL:http://chrispederick.com/work/webdeveloper/>
--
Reply email address is a bottomless spam bucket.
Please reply to the group so everyone can share.
Navigation:
[Reply to this message]
|