Good CSS Tip

[LeetPCUser]

I had a previous problem with the min-height attribute because it works in Firefox but not in IE. There are many solutions out there and some are quite tedious. I found a great hack, although the css won't validate this one thing, but it does save a headache.

#Name
{
min-height:300px;
_height:300px;
}

The min-height works for all browsers except IE and the _height is a hack that no other browsers read but IE respects. So if you need to use a minimum height but you are having troubles, try using the _height hack.

 

[Dan]

If you want it to validate, you can do:

<style type="text/css">
#name {
  min-height: 300px;
}
</style>
<!--[if IE]>
<style type="text/css">
#name {
  height: 300px;
}
</style>
<![endif]-->

 

[LeetPCUser]

How would you put that in a css file. I don't call CSS in my document but call an actual file.

 

[Dan]

<link rel="stylesheet" href="style.css" type="text/css" />
<!--[if IE]>
<link rel="stylesheet" href="iestyle.css" type="text/css" />
<![endif]-->

And in iestyle.css have the IE CSS fixes like width, etc.

Or you could use link rel for normal and use the style tag for the IE stuff.

 

[LeetPCUser]

lol way too much code. Cuz then I will have to load up two seperate files of same size. Thanks for the suggestion.

 

[Dan]

No, in iestyle.css just put the IE fixes like the height (I meant height in my last post, too.. not width).

The regular stylesheet (style.css) would probably be much larger than iestyle.css