No replies
Last seen: 16 years 9 weeks ago
Joined: 2004-05-15
Posts: 6
Points: 0

Hello all,

AOL for Mac won't play nice with the following bit code:

label { 
float: left; 
position: relative;
width: 12.333em; 
display: inline; 
margin: 0 .8em .8em .8em;
label input {
display: inline; 
left: 100%; 
top: 0px; 
width: 11em;
margin-top: 0;

Here's the html for it:

<form name="" action="" method="post">
<label>User Id
<input type="text" tabindex="1" value="" name="IAG366UI" maxlength="12"></label>
<input type="password" tabindex="2" value="" name="IAG366PW" maxlength="8"></label><br class="clearboth">
<input type="submit" value="Log On" class="button">

When this is viewed in AOL for Mac, the input fields and the field labels are not visible. Only the submit button is displayed.

It seems that 'float' is the culprit. Is anyone here aware of AOL's browser having an issue with float??

What I am trying to accomplish is as follows:

Field Label on top
Input field below

Maybe another solution for the css code is what is needed?