CSS HACK http://visitingnepal.com/csshack CSS HACK TOOLS AND TECHNIC Tue, 08 Sep 2009 11:47:50 +0000 http://backend.userland.com/rss092 en Customize Scrollbar Cusomizable Scrollbar My clients send indesing file of  customize scrollbar . I use to laugh at them about customize scrollbar, because it could not be done through css .  Customize scrollbar is more better than deafult browser's scrollbar . I have search so many time to find out customize scrollbar . ... http://visitingnepal.com/csshack/archives/11 Centering web site through table with valid html and css <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <title>Centering site through html</title> <style type="text/css"> body,html{ height:100%; margin:0px; padding:0px; overflow:hidden; } .site{ height:100%; background:#333; } .siteTd{ height:100%; vertical-align:middle; text-align:center; } .page{ margin:0 auto; } .pageTd{ height:400px; } </style> </head> <body> <table width="100%" border="0" cellspacing="0" cellpadding="0"  class="site"> <tr> <td   class="siteTd"> <table width="1024" border="0" cellspacing="0" cellpadding="0" bgcolor="#999999" class="page"> <tr> <td  class="pageTd">&nbsp;</td> </tr> </table></td> </tr> </table> </body> </html> Note : I have roughly include style in same page . Please make seperate css and link in this page. http://visitingnepal.com/csshack/archives/10 Hanging banner box in centering site Handin Banner in right side in centering site Download : http://www.visitingnepal.com/csshack/zip/hangingBannerInCenterSite.zip http://visitingnepal.com/csshack/archives/9 Word Break in FF and IE Download Script : http://www.visitingnepal.com/csshack/zip/wordBreak.zip <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Word Break in All Browser</title> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>Untitled Document</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <style> /* Here you can increase width */ #url { border:1px solid black; width:200px; } p {border:1px solid blue; } </style> <script> function wordWrap(){ /****** * ... http://visitingnepal.com/csshack/archives/8 css hack in safari 3.0 @media screen and (-webkit-min-device-pixel-ratio:0){    #uploaden{       margin-top:-180px;    } } http://visitingnepal.com/csshack/archives/7 Css comment hack for all IE browser Through html comment we can do css comment hack in All ie brower as per needed. . Here we have code mania for css hack for IE. it is w3c validate code also. <!--[if IE]> conditional for Internet Explorer <![endif]--> <!---[if IE 5]> Conditional comment this is Internet Explorer 5 <![endif]--> <!--[if IE 5.0]> Conditional comment this ... http://visitingnepal.com/csshack/archives/6 Centering Site through div <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"> <head> <title>Vertical align</title> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <style> html, body { height: 100%; margin: 0; padding: 0; overflow:hidden; background:#0000ff } * { margin:0px auto; padding:0; } div#shim { visibility: hidden; width: 100%; height: 50%; margin-top: -317px; _margin-top:-318px; float: left; } div#wrapper { width: 1000px; height: 635px; clear: both; background:red; position: relative; top: -317px; /* IE4ever Hack: Hide from IE4 **/ position: static; /** end hack */ } /* Hide from IE5mac \*//*/ div#shim { display: none; } html, ... http://visitingnepal.com/csshack/archives/4 Minimum height block for multi browser ( IE6, IE7 and FF) CSS code .block{ display:block; height:100% !important; height:100px; min-height:100px; max-height:100%; border:solid 1px green; width:200px; } http://visitingnepal.com/csshack/archives/3 Hello world! Welcome to WordPress. This is your first post. Edit or delete it, then start blogging! http://visitingnepal.com/csshack/archives/1