Here is one for the newbies to web design. Min-height does not work in IE6, but here is a to get it to work.
selector { min-height: 500px; height: auto !important; height: 500px; _overflow: visible; }
IE6 doesn’t understand the min-height or the !important, but it does see the height: 500px, and the overflow: visible extends the container so that everything displays. Simple as that.
Ok, I’m actually going to give you 2 cool links in the first post…for cool links…
First up, Netvibes. A very awesome rss reader that is fully customizable. Trust me, you’ll love it.
And Evernote for the second. A very awesome note taking program that lets you sort notes into different notebooks, search things by tags, sync your desktop version with your online one. What is really cool with this is, if you have 2 computers, say a work and a home comp, take notes on the one at work, click sync. Go home start up Evernote at home, and click sync. And wallah, same notes appear. Great for lots of stuff.
As you can see, I have installed code highlighting….now I just have to change the styles.
Just another reason why IE6 annoys me. Ever try to put a css background image on a submit button and it doesn’t show up in IE6?
I am sure that most of you, if anyone is actually reading this, know this kind of stuff, but I work for a company that uses a unique editor in its website templating system, that brings up stuff in IE6 that I have never seen before. Such as really annoying text nodes that adds 2-3 pixel margins on things, even though nothing is there.
Anyway, the only thing you have to do is:
.submit { height: Xpx; width: Xpx; background-color: transparent; /*gets rid of the white background color that is there by default*/ background-image: url(../images/image.png); _background-image: url(../images/image.gif); background-repeat: no-repeat; border: none; text-indent: -5000px; text-transform: uppercase; /*don't ask, but this gets rid of the dash in IE7 and 6*/ _display: block; /*displays the image in IE6*/ _font-size: 0px; /*gets rid of the value because apparently the text-indent doesn't do a damn thing in IE6*/ }
If that helps anyone out, let me know!
Coupon Code:
webmachine
