Merivale is a group owning several club, restaurant and retail stores in Sydney. The website uses simple 3D (possibly PaperVision) and photo-thumbnails as means of navigation. The site was built by deepend and the Hallway.

Issue

This is, without a doubt, the most notorious IE6 bug that has baffled all CSS developers. Also known as the "Doubled Float-Margin" bug, this issue is about the margin properties of a floating element is doubled in IE6 and IE5 (IE7 has no such issue). For example:

.float-left-element {
	width: 100px;
	height: 100px;
	float: left;
	clear: left;
	margin: 0 0 0 10px;
}

The style class above will make a 100x100 pixel block element float to the left with left margin of 10 pixels. However, in IE6 and 5, the left margin will appear as 20 pixels (doubled the original) instead.

Internet Explorer (IE) has been well known as the most W3C incompatible browser. In particular Internet Explorer 6 (IE6), is far most the worst of its kind. Most web development jobs involving front-end design, will spend most of their debugging time on issues relating to IE6 and other IE. For a complete list of issues, see Internet Explorer CSS Issues & Solutions.

Read More »

Issue

Inline elements such as <span>, <a>, <label> are not suppose to have width. According to the W3C standards, the following snippet should not work and is invalid:

span {
	width: 40px;
}

However, the above code will actually work in IE, making the inline element 40 pixels wide.

Internet Explorer (IE) has been well known as the most W3C incompatible browser. In particular Internet Explorer 6 (IE6), is far most the worst of its kind. Most web development jobs involving front-end design, will spend most of their debugging time on issues relating to IE6 and other IE. For a complete list of issues, see Internet Explorer CSS Issues & Solutions.

Read More »