BRAINFART

XHTML, CSS validation issues

W3C Validator says the following:

the site has CSS 2.1 error and 6 warnings and 2 XHTML 1.0 Transitional warnings.
Also WAI validator has found a few errors.

Unfortunately this site doesn’t use XHTML 1.0 Strict slicing standard.

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.

Cross browser layout issues

Some elements are placed incorrectly in different browsers due to not following the rules.

1. “bookmark button” element
in this case we suggest the following solution:

div.bookmark{
	...			
	clear:left;	
 }

But the correct solution is adding bookmark button to the block <div class=”logo” /> and place it in the right position with float:left; margin-left, margin-top css properties.

2. “PayPal verified” element
This is bug appears frequently on the web sites. Slicers call him “double-margin bug”. It has very easy standard solution:

.elem{
	display:inline; /*fixed double margin-left in ie6*/
 }

Cross browser element size issues

Also browsers compatibility at OS MAC 10.x was ignored. That is why form element is wider than the form.

Solution is simple again. Use size=”n” attribute in HTML tag for browse button. You should write something like that:

<input type="file" name="myfile" size="7" />