Hi, i have a simple idea about "Css on Different resolution", See Example Below:-
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Css on Different resolution</title>
<script type="text/javascript">
if(screen.width==1024)
{
document.write("<link rel='stylesheet' type='text/css' href='style_1024.css' />"); // this css runs in only 1024 resulation
}
else
{
document.write("<link rel='stylesheet' type='text/css' href='style_other.css' />"); // for other resulatiom
}
</script>
</head>
<body>
</body>
</html>
<snipped>