Content outside of containing DIV

Works great, thanks. Any chance you have time for a quick explanation. thanks

The 'wise' people at Microsoft included a property called 'hasLayout' in IE and this is the cause of many rendering problems, such as disappearing text/backgrounds and elements appearing in seemingly inexplicable positions. There are certain properties and values that will return 'hasLayout' as true (see the link) and one of those is 'display:inline-block'. '* html' will target IE and give an element the necessary dimensions so that IE doesn't start crying like a baby. So, by doing this :
* html #contenr {
display:inline-block;
}
...we can make IE start acting like a real browser (kind of).

A great article all about 'hasLayout' -> http://www.satzansatz.de/cssd/onhavinglayout.html

Hmmm, just tuning in to see any more new hacks from BonRouge if he posts any :)
I knew about hasLayout, but I didn't see this particular trick before and it's a nice and clean alternative to the 'display: relative' hack.

Martin

BonRouge good link has help me with a issue also many thanks

Martin,
I'm not sure what other kinds of hacks you're looking for... If we're still talking about 'hasLayout', you can do this to fix the problem with no side-effects :
 
<!--[if IE 6]>
<style type="text/css">#content {zoom:1;}</style>
<![endif]-->

'zoom' is IE proprietary and doesn't really do anything besides give the element 'hasLayout'. As it's non-standard, it might be best to hide it in IE conditional comments like in the example here - that way it'll pass the W3C validation.

I had thought that you could force 'hasLayout' on everything in this way to make IE behave, but then I found I had problems and I was pointed to the link I posted above which explains that sometimes having 'hasLayout' makes elements - such as lists - behave in strange ways. You have to be careful about what does  and what doesn't have 'hasLayout'.

If there are any particular hacks you're looking for, for any particular purpose, let me know, because I might just know where to find them.

Hmm, I'd say I would rather just have a long discussion to pick your brain on what you know about hasLayout. I've had my share of misery and so far have been getting around by trial and error, throwing in mixes of hacks to get IE to behave. If you have enough knowledge on the subject to predict the effects of elements when adding, or removing hasLayout you're clearly way ahead of me on the subject :)

A quick and simple answer followed up with a great explanation, great expert!!!