Archive for css

Vertical align radio in chrome

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

Leave a Comment

Fighting the Space Between Inline Block Elements

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


Leave a Comment

CSS borer radius setting



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

Leave a Comment