Strangeness on IE8

ScottieSLG · 2nd April 09, 04:13 PM

I have a page that seems to be working fine in all browsers except IE8. Is this a bug in IE8, or should I be doing it differently?

In IE8, the 2nd textbox and the submit button are indented. If I click to compatibility mode, it looks fine.

Also, if I take the style out of the textbox tag it works fine.

Any suggestions?

See it at http://scott.coverdata.com/mojoads/login/test.html

CSS:
.RequiredFieldLabel
{
font-weight: bold;
text-align: right;
height: 16px;
float: left;
margin-right: 5px;
margin-top: 3px;
}

.NormalTextBox
{
height: 14px;
width: 150px;
font-size: 9pt;
}

.NormalButton
{
height: 22px;
width: 75px;
font-size: 9pt;
}

HTML:
<!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>
<link rel="stylesheet" type="text/css" href="../StyleSheets/Style.css" />
<title>Sign Up</title>
</head>

<body>
<div class="RequiredFieldLabel" style="width: 100px;">Username:</div>
<input type="text" class="NormalTextBox" />
<br />

<div class="RequiredFieldLabel" style="width: 100px;">Password:</div>
<input type="password" class="NormalTextBox" style="border:solid 1px Red;" />
<br />

<div class="RequiredFieldLabel" style="width: 100px;">Verify Password:</div>
<input type="password" class="NormalTextBox" style="border:solid 1px Red;" />
<br />

<input type="submit" value="Sign Up" class="NormalButton" />
</body>
</html>

WebMistress · 3rd April 09, 01:36 PM

Have you zeroed out all the margins and padding on your input fields ??

2nd April 09, 04:13 PM	#1
ScottieSLG WLC Member Join Date: Mar 2008 Location: Utah Posts: 3	Strangeness on IE8 I have a page that seems to be working fine in all browsers except IE8. Is this a bug in IE8, or should I be doing it differently? In IE8, the 2nd textbox and the submit button are indented. If I click to compatibility mode, it looks fine. Also, if I take the style out of the textbox tag it works fine. Any suggestions? See it at http://scott.coverdata.com/mojoads/login/test.html CSS: .RequiredFieldLabel { font-weight: bold; text-align: right; height: 16px; float: left; margin-right: 5px; margin-top: 3px; } .NormalTextBox { height: 14px; width: 150px; font-size: 9pt; } .NormalButton { height: 22px; width: 75px; font-size: 9pt; } HTML: <!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> <link rel="stylesheet" type="text/css" href="../StyleSheets/Style.css" /> <title>Sign Up</title> </head> <body> <div class="RequiredFieldLabel" style="width: 100px;">Username:</div> <input type="text" class="NormalTextBox" /> <br /> <div class="RequiredFieldLabel" style="width: 100px;">Password:</div> <input type="password" class="NormalTextBox" style="border:solid 1px Red;" /> <br /> <div class="RequiredFieldLabel" style="width: 100px;">Verify Password:</div> <input type="password" class="NormalTextBox" style="border:solid 1px Red;" /> <br /> <input type="submit" value="Sign Up" class="NormalButton" /> </body> </html>

3rd April 09, 01:36 PM	#2
WebMistress WLC Member Join Date: Jun 2006 Location: TN Posts: 25	Re: Strangeness on IE8 Have you zeroed out all the margins and padding on your input fields ??

Thread Tools
Show Printable Version Email this Page
Display Modes
Linear Mode Switch to Hybrid Mode Switch to Threaded Mode