CSS’s “hasLayout” and the devil within

Seriously, ‘hasLayout’ can a be way to fix problems in IE 6 and “iExploder” 7. But triggering this on such a very generic selector as ‘ul li’ is pretty dangerous. Height [height: 1%] is a “hasLayout” trigger, and giving layout to an “li” causes such things as losing the list-marker and other Bad Things ™ © like eating goldfishes alive.

We’ll know of many CSS dysfunction in Internet Explorer; even the latest version 7.x release from Microsoft is not spared. HasLayout can a be way to fix such CSS dysfunction in both IE 6 and 7. However, an inner Devilish Venom of “hayLayout” is discovered when some IE users of Lorem-Ipsum Wordpress Theme complained about ordered list not being ordered.

Reason: The Lorem-Ipsum style tries to explore the power of “hasLayout” on a generic selector as simple as “ul li” and that proved pretty dangerous. My bad, I never checked the layout it in IE and was testing them against Firefox, Safari and Opera on the Mac.

Lesson Learnt: Well, look like one do not need to really do a “hasLayout” with generic selector like “ul li” at all.

If you need to know more about His Evil Majesty hasLayout, someone wrote an endlessly long, boring and tedious article on the subject. It is only about 45 printed pages long! Blame Chris Wilson, Philippe Wittenbergh for all such an over-sized gem.

[poll=9]


Don't like it? There are lots of published articles, pick a random one.

Brajeshwar posted this article on Monday, April 30th, 2007 at 1:06 pm
Categorized under Technology

Suggest 1 or more tags for this article

Use a comma (,) to separate 2 or more tags.

[?]

Prev Article: Flex is now Open Source - one of the sweetest announcement from Adobe

Next Article: I respect, regard and recommend these people


Possibly Related Articles

Archives: Visit the Archives for more articles.

Comments Post Yours

There are one response so far. You can follow any responses to this entry through the RSS feed. You can leave a response, or trackback from your own site.

  1. Pings & Trackbacks Sites, articles & blog posts linking back to this article.

Post yours

Sidenotes

Quick notes, scribbles, somehow related to this website and to what I do. Or perhaps I'm just plain lazy to make them into a full article.

Download Free book: The Photoshop Anthology

Sitepoint is giving away an entire 278 page Photoshop book for free (pdf). It will only be up for grabs for 30 days. The entire 278 page book, yours to keep, forever! The Photoshop Anthology: ...15th May, 2008

FreshAIRApps

James Whittaker's FreshAIRApps is not just a website that showcase some of the best and popular Adobe AIR Applications but also provides the community with AIR updates, tutorials and other resources. The Showcase is the main ...13th May, 2008

Adobe Feeds Aggregator

MXNA's been a good resource site for Adobe Technology with articles being aggregated from many blogs. However, of late, there were lots of uproar from the community as MXNA wasn't able to withstand the traffic ...6th May, 2008

Iron Man, the Movie

Images of Iron ManIron ManTony Stark is forced to build an armored suit after a life-threatening incident, he ultimately decides to use its technology to fight against evil. Tony Stark (Robert Downey Jr) is a billionaire ...1st May, 2008

Adobe AIR for JavaScript Developers

Reading Mike Chambers latest post let me to Ajaxian's article on the release of the free eBook -- Adobe AIR for JavaScript Developers Pocketguide. Licensed under a Creative Commons Attribution-NonCommercial-ShareAlike 3.0 License, the book provides an ...18th Apr, 2008

View the Sidenotes Archive

Play the Penguin Game

Recommended

  • Oinam The official conglomerate of the Oinam related companies, institutes and holdings.
  • Ode to Apple Dedicated to Apple - Mac, iPhone, iPod, iTunes, Quicktime, Apple TV and all the awesome softwares for the Apple Mac.
  • AS 2.0 Reference Reference for ActionScript 2.0 Programming Language used in Flash. Primarily stashed here for my own personal reference.
  • Forum Oinam’s technical discussion forum where developers and designers can discuss all technical topics.
  • o! Just Me Of colorful cultures, entertainment, media, life hacks, music, books and movies from hollywood & bollywood.
  • Downloads All downloads, Free and Open Source.
  • ActionScript 3.0 Reference Flash/Flex ActionScript 3.0 Reference.

Download free Brajeshwar Wordpress Theme

Brajeshwar

Brajeshwar I firmly believe in keeping things simple, easy for users and I envison pushing the technical envelop time and again for the betterment of viable commercial and practical applications.

Want to know more about me?

Brajeshwar's affinity with Adobe

My Photos

More photos on Flickr

"Brajeshwar" has 790 Articles and 5,587 comments, contained within 17 categories and 970 tags.

This site is in operation since 11th June, 2001.