IE6 Div Height Problem
Resolve the IE6 div height issue.
We all know IE6 is the web developers nightmare and today that continued when I was unable to make a 5px high div appear that height in IE6. Wow, the amount of time I spend on IE6 when developing sites is quite astonishing and I can’t wait for the day when we see the death of IE6. Anyhow back to the problem: IE6 kept wanting to show the 5px high div as 20px! After a bit of playing and hunting around the web here’s how I overcame the problem.
For example you have:
#small-div {
width: 100px;
height: 5px
background-color: red;
}
So this will appear in most browsers as a 5px div. But in IE6 it appears higher. So to overcome that issue simply add a zero font size to the CSS e.g:
#small-div {
width: 100px;
height: 5px
background-color: red;
font-size: 0px;
}
Now, if you have text in that div, you obviously don’t want to set the font size as zero so you can also try setting the overflow:hidden element which can also do the trick.
-
HTML email signature in Apple Mail
Step by step guide on how to add an HTML signature to Apple Mail.
-
Secure your WordPress Blog
A guide to securing your WordPress website.
-
Remove the shadow from Mac Screen Grabs
How to remove the shadow from Apple Screengrabs.
-
10 Useful Sites for Web Developers
Some useful websites for web developers.
-
3 FREE Apps to protect your PC
A few free apps to help you protect your PC.
-
Web Browsing Tips #1: Find in Page
Find copy in page in a web page.
-
Web Browsing Tips #2: Tabbed Windows
Using tabbed windows in your web browser.
-
Web Browsing Tips #3: Keyboard Shortcuts
Some web browsing keyboard shortcuts.
-
Redirect your site the Search Engine Friendly way
Using a 301 redirect is important when you change your website URL or web page URL.
-
Remove the WordPress Meta Tag from your Blog
Remove the WordPress meta tag from your WordPress site with this small function.
-
Stay secure, use more than one password
We need passwords for everything, but how can we stay secure and have multiple passwords without having to remember them all.
-
Forward your emails to one address
Find out how, using cPanel, you can forward your emails to one email address.