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

• Next in forum: Re: Symbols charset problem
• Prev in forum: Re: I have now ascended.
• Thread view: Re: Nested div display problem with IE and Firefox.

[Reply to this message]