Posted by Jonathan N. Little on 06/13/06 04:16

fred.haab@gmail.com wrote:
> Here's a page with a sample login:
> http://frhaab.home.comcast.net/test/prob1.html

<snip>

> After the submit button div, and before closing the outer div. This
> displays correctly on all browsers. The question is why. I want to
> know if I'm wrong, or if Firefox and Opera are wrong.
>

Simpler solution and only extra DIV I needed was the nested for the
submit button because of IE's lack of selector support, also converted
to proportional sizing to scale with font is zoomed, your method will
break...

FORM.login {
margin: 20px auto;
padding: .5em;
width: 18em;
border: 5px ridge;
background-color: #bfc6bd;
}

FORM.login LABEL {
display: block;
float: left;
margin: 0 .5em;
width: 5em;
text-align: right;
}

FORM.login DIV DIV {
margin: .5em;
text-align: center;
}


<form class="login">
<div>
<label for="username">Username:</label>
<input id="username" name="username" type="text">
<label for="password">Password:</label>
<input id="password" name="password" type="text">
<div><input value="login" type="submit"></div>
</div>
</form>


--
Take care,

Jonathan
-------------------
LITTLE WORKS STUDIO
http://www.LittleWorksStudio.com

[Back to original message]