Wednesday, February 01, 2006
Browser Compatibility: hiding/showing a table row IE vs. Firefox
in firefox table rows must be set to display:table-row to appear
in IE it's display:block because it doesn't understand the correct CSS specification
if (5 < 6) {
document.getElementById('overlimitrow').style.display = 'block';
document.getElementById('overlimitrow').style.display = 'table-row'; //will throw a JS error in IE
} else {
document.getElementById('overlimitrow').style.display = 'none';
}
Wanna know how long it took me to figure this out? AARRRRRGGHH!!
in IE it's display:block because it doesn't understand the correct CSS specification
if (5 < 6) {
document.getElementById('overlimitrow').style.display = 'block';
document.getElementById('overlimitrow').style.display = 'table-row'; //will throw a JS error in IE
} else {
document.getElementById('overlimitrow').style.display = 'none';
}
Wanna know how long it took me to figure this out? AARRRRRGGHH!!