zahnster

Clearing floats have always been an annoyance for us as web developers, because it requires us to use empty markup. It wouldn’t be that much of a problem, except that using floats for complex css layouts has become somewhat of an industry standard.

Not too long ago a new trick came along which had many css developers feeling lighthearted - a way to clear floats without markup. It was a simple, reliable css method that’s been around for ages - the overflow property. Simply by declaring this (usually to auto or hidden), you are able to extend the parent div over the floated divs, and effectively clear your divs - something you have previously needed an empty block level html element to accomplish.

More >>

Css-based web design has a fundamental belief of fully separating content from presentation. We want to optimize our HTML so we have next-to-no images or structural elements which are there for presentational purposes. Our reasons for doing so are good and right - search engine optimization, accessibility, portability, and so forth - but every once in a while, despite the best of intentions, we can go a bit overboard with the stuff.

There’s a new trend going on, one which I am sure comes from the many text-replacement css methods that have been popping up in every css book published: entire pages with absolutely no imagery. Now, I know css is all about separation of content from presentation, and that css images are easier to replace than html images… you can chat me up about it all day. Fact remains that sometimes images say more about the content than they do the presentation.

More >>