BRAINFART

XHTML, CSS validation issues

W3C Validator says: the site has one CSS 2.1 error and 6 XHTML 1.0 Transitional errors.
Also WAI validator has found a few errors.
Unfortunately this service is unavailable now (but was online at the moment when the article was started), that’s why we can’t show the list of Validator errors and solutions for this. We don’t know what happened with it, but hopefully they just have temporary technical troubles.

The site has earned 6 and 2 penalty points for XHTML and CSS validation accordingly.

Fixed background width issue

If you minimize the window in FF2, FF3, Safari or Opera browsers you will see that the background gets cut off.

We would recommend a standard solution for such problem:

body{
	min-width:[page width]px; /* page width is the minimal screen width */
 }

Any XHTML/CSS service should know such tweak. Each browser compatibility issue will cost penalty points.

Fixed background width issue in IE7

The same issue is present in IE7 but it breaks in another way here.

Solution can be very simple with width and overflow properties set.

#header{
	width:100%;
	overflow:hidden;
 }

IE7 also get penalty points.

Transparent png IE issue

If you are using transparent png image, you should know that IE will understand this transparency only if you write required filter-rules:

.style {
	background:none;
	filter: progid:dximagetransform.microsoft.alphaimageloader(src='[image]', sizingmethod='none');
 }

The penalty for this issue will make 4 points.

Submit button issue

This is a childish mistake - text value of the element is seen above the graphic background of the button in IE.
We can solve it this way:

input.submit{
	display:block;
	font-size:0;
	line-height:0;
	text-indent:-9999px;
	overflow:hidden;
	cursor:pointer;
 }

2 penalty points again.