with either soria or tundra the button gets cut off from bottom in ie7.
I saw the patch earlier provided by Foster but that doesn't seem to work.
here is my code.
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Stats!</title>
<style type="text/css">
@import "js/dijit/themes/tundra/tundra.css";
</style>
<script type="text/javascript" src="js/dojo/dojo.js"
djConfig="parseOnLoad: true"></script>
<script>
dojo.require("dijit.form.Form");
dojo.require("dijit.form.Button");
</script>
</head>
<body class="tundra" onload="">
<form dojoType="dijit.form.Form" id="loginForm" method="post">
<table width="160" border="1" cellspacing="0" cellpadding="0">
<tr>
<td align="center">
<button dojoType="dijit.form.Button" id="loginButton" type="submit">Login</button>
</td>
</tr>
</table>
</form>
</body>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Stats!</title>
<style type="text/css">
@import "js/dijit/themes/tundra/tundra.css";
</style>
<script type="text/javascript" src="js/dojo/dojo.js"
djConfig="parseOnLoad: true"></script>
<script>
dojo.require("dijit.form.Form");
dojo.require("dijit.form.Button");
</script>
</head>
<body class="tundra" onload="">
<form dojoType="dijit.form.Form" id="loginForm" method="post">
<table width="160" border="1" cellspacing="0" cellpadding="0">
<tr>
<td align="center">
<button dojoType="dijit.form.Button" id="loginButton" type="submit">Login</button>
</td>
</tr>
</table>
</form>
</body>
The above works fine in firefox..
Any Directions..
possible solution..
adding
either height: 2.0em;
OR
margin-bottom:0.2em; (padding-bottom is too much you may change it to 0.2em)
.dj_ie .tundra .dijitButtonNode {
zoom: 1;
padding-bottom: 1.1em;
height: 2.0em;
}
seems to work.
and so would increasing the font-size.