en-us http://www.keithwatanabe.net/index.php Keith Watanabe's Website http://www.keithwatanabe.net/blogs/2008/3/6/49c4ff3f8272ab2df16fcd7af6e13195.html style tags. Inside, I used the ID selector to style a particular div element. In particular, I used a kind of display: none; thing.

Well, one of the things I needed was to be able to make that part visible again once a person unchecked that element. Before I was doing something like $(ele).style.display = '';. Turns out, that the precedence of Javascript is lower than the one in inline style. So to rectify this, I had to instead do $(ele).style.display = 'block' (or inline). Pretty annoying but a nice little fix to this problem.]]> Thu, 06 Mar 2008 09:14:44 -0700 http://www.keithwatanabe.net/blogs/2008/3/6/49c4ff3f8272ab2df16fcd7af6e13195.html http://www.keithwatanabe.net/blogs/2008/3/8/4c8ad283df73bbd43b8be5c133f766a9.html
Float and the Double Margin Bug

Apparently, MSIE suffers from a nasty little bug where if you float an element and provide a margin, MSIE will double the size of the margin either left or right. To counter it, you need to add:

display: inline (or block)

for your class that you're employing the float. There's a lot of resources on the web for why this occurs as well as more details on this.

Next, there's another annoying bug that I encountered and spent hours knocking my head against my table (okay, not literally). It's where backgrounds disappear if you have numerous div tags and use the background-color attribute. The quick fix is to trick MSIE into redrawing the section, so you add a height attribute of say 1%. The code would look like this:

height: 1%;

Put that in the class that has the background-color attribute and these should disappear.]]> Sat, 08 Mar 2008 11:20:02 -0700 http://www.keithwatanabe.net/blogs/2008/3/8/4c8ad283df73bbd43b8be5c133f766a9.html http://www.keithwatanabe.net/blogs/2008/3/10/e95b214e1705d7a573128227250be1d8.html ul and li tags to build my lists (well, gee!). I found a weird MSIE bug where if you use CSS and designate the list as being inline, then you potentially might get some overflow problem (looks terrible especially if you use floats). Firefox is pretty much smarter than MSIE, so you don't face this problem. To fix this issue, you need to add a space before the closing li tag. That's it! Then MSIE will know how to wrap the list correctly. I labored for a few days over this bug. Fortunately, I stumbled upon the page linked at the bottom. So credit due to this guy for saving my rear!]]> Mon, 10 Mar 2008 11:03:21 -0600 http://www.keithwatanabe.net/blogs/2008/3/10/e95b214e1705d7a573128227250be1d8.html