Eoin, On Feb 8, 2006, at 6:58 AM, Eoin Maguire wrote:
> Ok, I realize there's probably quite a few reasons why this doesn't > work > correctly in Firefox but primarily I'm interested in the footer not > automatically changing vertically depending on the content of the > page, and > also the top blue nav extends too far right in FF. Any ideas? > > http://www.miselva.com/css/test4.html Part of the problem is the align attribute in the html. The align attribute is interpreted by firefox as a float rule. Start by removing all the presentational html. Then validate the html and css. Many elements on your page are positioned absolutely. The down side to this is that each abs. positioned element is independent of its neighbor. For example, the footer can't relate to #left or #right because they are both absolutely positioned. The footer will behave as though they don't exist. For your own sanity you need to separate the functions of the html and the css. If you think in terms of a powerpoint presentation, the html is the data, the content of the presentation. The css determines how that data will look. One css file will present that data as an outline. Another css file can present that data as a series of slides. Yet another css file can present that data as speaker's notes. The underlying data doesn't change, only how it is presented. That is the power of css, but you only get that power if you are disciplined about keeping presentation out if the html. hth -- Roger Roelofs "Remember, if you’re headed in the wrong direction, God allows U-turns!" ~Allison Gappa Bottke ______________________________________________________________________ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
