J
jason.m.ho
Has anyone run into the problem of firefox 'border-collapse: collapse'
rendering a table 1-pixel too far to the left? In IE and Opera it will
render fine...Does anyone know if this is a bug? This property only
holds true in standards compliance mode (quirks mode firefox renders it
fine). For example, if you had the following code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv='Content-Type' content='text/html;charset=utf-8' />
</head>
<style type='text/css'>
..menuButton {
border: 1px solid #8D96BC;
}
table {
border-collapse: collapse;
}
</style>
<body>
<div class='menuButton'>Test</div>
<table class='menuButton'><tr><td>Test</td></tr></table>
</body>
</html>
It would render the table 1 pixel to the left than the div.
Any help would be appreciated!
- Jason
rendering a table 1-pixel too far to the left? In IE and Opera it will
render fine...Does anyone know if this is a bug? This property only
holds true in standards compliance mode (quirks mode firefox renders it
fine). For example, if you had the following code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv='Content-Type' content='text/html;charset=utf-8' />
</head>
<style type='text/css'>
..menuButton {
border: 1px solid #8D96BC;
}
table {
border-collapse: collapse;
}
</style>
<body>
<div class='menuButton'>Test</div>
<table class='menuButton'><tr><td>Test</td></tr></table>
</body>
</html>
It would render the table 1 pixel to the left than the div.
Any help would be appreciated!
- Jason