No resent in your stylesheet is probably causing headaches, lack of condensed properties makes the CSS bigger than need be, but more importantly floats with margins without display:inline (double margin fix), faulty menu code, clearing div’s, invalid code in the CSS, MARKUP in the CSS… It’s not surprising you’re having issues. The element you want is called “LINK” and you might want to look at it’s “MEDIA” attribute. Using the style tag to your sheet is not only sloppy, there’s no reason to do that now that we could give a flying fig about Netscape 4. If you are using classes like “largerGreyText” you’ve missed the point of using CSS in the first place – you might as well go back to using HTML 3.2 Do yourself a favor, forget that technique even exists since that was created as a proof that it could be done, NOT as a deployable method – and grab yourself something like peterned’s whatever:hover
I have a rule, if you have to resort to bloating out the markup with IE conditional comments, you screwed up someplace.Īs to screwing up, it’s quite evident with all the conditional comment nonsense in the menu. Some of it is silly stuff like the xmlns attribute on a non-XML doctype (doh), but the use of deprecated elements and XML standalones could be causing issues… Conditional comments are html and must go in the head of the html page.Ĭlean up your validation errors. I also note that you have included the conditional comments inside the css file which is invalid. Or instead use a sticky footer (see css faq) which is more reliable but does need to be a set height.Ĭurrently you do need to add some padding-bottom to your page wrapper to equal the height of the footer otherwise you won’t be able to scroll the content clear and it will be hidden under the footer on short pages. With all the hacks that that entails I’d be inclined to just let Ie6 have a static footer following the content and then let all others get the fixed footer. You could add a fixed footer for ie6 using expressions and not have to change the html at all but its’ still a little quirky and very ugly: Then you would need to remove the appearance styles from #footer and place them on an inner element to the footer that stays about 14px clear of the right edge otherwise it sits on top of the vertical scrollbar. You would need to wrap an extra wrapper around the page just for IE6 and set its width and height to 100% and overflow:auto to provide the scrollbars that you removed from html and body (or should have removed from html and body). You can get it to work in IE6 but requires a lot of hacks and ultimately breaks somewhere along the line. In your example when the window is closed smaller than the width of the layout then any part of the footer that sticks out of the side of the viewport is unobtainable because fixed elements do not scroll.
Fixed footers are really only useful for small amounts of content.
0 kommentar(er)
