Archive for css

Vertical align radio in chrome

p {height:30px;line-height: 30px;}
p input[type=radio] {margin-top:-2px;vertical-align: middle}
Advertisements

Leave a Comment

Fighting the Space Between Inline Block Elements

nav a {
  display: inline-block;
  margin-right: -4px;
}

reference

Leave a Comment

CSS borer radius setting

-moz-border-radius
-moz-border-radius-topleft
-moz-border-radius-topright
-moz-border-radius-bottomright
-moz-border-radius-bottomleft

-webkit-border-radius
-webkit-border-bottom-left-radius
-webkit-border-bottom-right-radius
-webkit-border-top-left-radius
-webkit-border-top-right-radius

Leave a Comment

position:relative and overflow in Internet Explorer

I’ve been working on this layout that had a relatively positioned element inside a container with overflow. Everything looked good until I switched to IE7 and noticed that my positioned element remained fixed.

To solve this, I added position:relative to the container. This seems to work for both IE6 and 7.

Leave a Comment

Why IE6 Frozen?

width:expression cause IE 6.0 browser frozen. The solution is:

<!–[if IE 5]><style type=”text/css” media=”screen”>
.outer{width:expression(document.body.clientWidth < 1000? “1000px”: “auto” );}
</style><![endif]–>
<!–[if IE 6]><style type=”text/css” media=”screen”>
.outer{width:expression(document.documentElement.clientWidth < 1000? “1000px”: “auto” );}
</style><![endif]–>

Leave a Comment