frank.yonnetti

Personal site filled with random thoughts and some nonsense. —Frank Yonnetti

CSS Hacks That I Can Always Use But Seem to Forget About

Wednesday October 25, 2006

Force text to wrap, or not

word-wrap: break-word; <- IE only
white-space: nowrap;

 

Remove ‘A’ tag active dotted outline in Firefox

a:active { outline: none; }

 

Allow clickable transparent PNGs in IE **this will not work if the element using the alpha filter has a Position applied to it as well.

a { position: relative; }

 

Image flicker bug in IE 6.0

This problem occurs as a result of IE set to check for newer versions of stored pages “Every visit to the page”.

 

Float + negative margin problems in Safari/Firefox

Add position:relative to the CSS declaration for any floated elements with negative margins.

 

Use an expression to create a min-width effect in IE

#ieMinWidth {
width:expression(
(d = document.compatMode == “CSS1Compat” ? document.documentElement : document.body) &&
(d.clientWidth < 780 ? “780px” : “auto”));
}



Internet Explorer 6 is dead.

Please upgrade to a modern browser to view this website.
Firefox, Safari, or Chrome is best, but IE 8 is OK too.