• Please allow 5 mins between posts.
  • Although email's are required they are hidden.
  • You can create an avatar that will appear everytime you post on a Gravatar enabled blog.
  • You can use the following tags in your post.
    [code][/code] [url][/url] [img][/img] [quote][/quote] [b][/b] [i][/i] [u][/u]

Firefox/Mozilla Bug

Since I moved to chrome beta (which is super sexy by the way) I now find myself having to cross check even more browsers. It is bizarre how quickly my coding style has changed to reflect that of chrome. Any way upon messing around with a HTML5 layout I was using display: table; for my div's and noticed a bug within firefox. The bug I believe is known although no one on freenode was able to clarify if there were any known hacks/fixes. The bug occurs when you have a table element in my case a div, that has a position: relative;. For all child elements of this will not calculate its position based upon its parents. Which it should.
.element {
	display: table;
	position: relative;
}
.child-element {
	position: absolute;
	top: 10px;
	left: 10px;
}
In the above example the child-element should be displayed in the top left of the parent element with a 10pixel gap top/left. This does not occur. Still works in IE/Chrome/Safari. I'm yet to think/find of a solution to this. Hopefully it will be resolved in new editions of firefox.

Update

This is a known Mozilla bug.

No Comments