Stupidly simple way to clear floats with CSS

January 22nd, 2007 at 4:37 pm (CSS, Standards)

I discovered this method of clearing floated elements (this may be old news to some of you) in a layout using CSS while searching the web for alternatives to inserting extra markup just so the layout will look right (I’m looking at you, <div style="clear:both"></div>). This is just brilliant, a single style declaration, “overflow: auto;” to the element containing the floats and that’s it. It seems to work with all major browsers, which includes Firefox, Mozilla, Internet Explorer 6 & 7, Opera and Safari.

There is an extra step to make this work in Internet Explorer 6 though. A dimension needs to be applied to the element that the overflow:auto; declaration is being applied on in order to trigger the hasLayout property in the element.

3 Comments

Singapore Web Standards Group

January 18th, 2007 at 12:45 am (Standards)

I enjoyed the first Singapore Web Standards Group meetup held at Raffles Girls School. Saw a few familiar faces and several new ones as well. It’s good to know that web standards are alive and kicking in Singapore. I really appreciate the effort given by Lucian who organised the meetup, and for the entertaining and informative presentations given by Coleman and Nick.

Although I thought the meetup could have done with more publicity, I only got to know of it from Sip Khoon a week before. I suppose it’s something that we can do to make people aware of the options available

Update
Ivan Lian has pictures of the meetup on Flickr. Check it out!

1 Comment

Nikita the (Validation) Spider

November 5th, 2006 at 6:05 pm (Standards)

If you have ever tried to ensure that your website validates against its declared doctype, you probably know that it is a task that consumes a fair amount of time, even with tools like the HTML Validator or the Web Developer extensions for Firefox.

In comes Nikita the Spider, this web application performs bulk validation of the pages within a website. It can run unattended and have a report sent to an email address that you specify. Unfortunately, the site is unable to accept new requests since the its mention on 456 Berea Street.

Users will need to possess some technical knowledge in order to make sense of some of Nikita’s advanced configuration settings. While the descriptions go towards explaining what the individual options do, it might confuse the less technically inclined. In any case, the default settings are all you need to start using the tool.

Comments