@media screen and (-webkit-min-device-pixel-ratio:0){
#uploaden{
margin-top:-180px;
}
}
October 26, 2008
August 5, 2008
css hack in safari 3.0
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 is Internet Explorer 5.0 <![endif]–> <!–[if IE 5.5]> Conditional comment this is Internet Explorer 5.5 <![endif]–> <!–[if IE 6]> Conditional comment this is Internet Explorer 6 <![endif]–> <!–[if IE 7]> Conditional comment this is Internet Explorer 7 <![endif]–> <!–[if gte IE 5]> Conditional comment this is Internet Explorer 5 and up <![endif]–> <!–[if lt IE 6]> Conditional comment this is Internet Explorer lower than 6 <![endif]–> <!–[if lte IE 5.5]> Conditional comment this is Internet Explorer lower or equal to 5.5 <![endif]–> <!–[if gt IE 6]> Conditional comment this is Internet Explorer greater than 6 <![endif]–>
July 23, 2008
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, body {
height: auto;
}
/* end hack */
/* ]]> */
</style>
</head>
<body>
<div id=”shim”></div>
<div id=”wrapper”>
content
</div>
</body>
</html>
July 17, 2008
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;
}
Comments Off
