Below is the generated HTML, and I've attached screenshots of how it looks in FF2 and IE6.

The first street field is very short while the second field is full width, yet both say "size=20". I do not have any maximum field lengths set, nor do I have any CSS overrides.

When I display it in IE6 the street lines run off the side of the page (but no horizontal scroll bars). While I see the "Apt" field in the html, it is not on the screen at all (I'm assuming it's off to the right).

<fieldset class="cck-address-fieldset"><legend>address</legend><div class="cck-address-street1"><div class="form-item">
 <label for="edit-field-address-0-street1">Address: </label>
 <input type="text" maxlength="" name="field_address[0][street1]" id="edit-field-address-0-street1"  size="20" value="" class="form-text" />
</div>

</div><div class="cck-address-apt"><div class="form-item">
 <label for="edit-field-address-0-apt">Apt/suite number: </label>
 <input type="text" maxlength="" name="field_address[0][apt]" id="edit-field-address-0-apt"  size="7" value="" class="form-text" />
</div>
</div><div class="cck-address-street2"><div class="form-item">
 <label for="edit-field-address-0-street2">Address continued: </label>
 <input type="text" maxlength="" name="field_address[0][street2]" id="edit-field-address-0-street2"  size="20" value="" class="form-text" />
</div>
</div><div class="cck-address-city"><div class="form-item">
 <label for="edit-field-address-0-city">City: </label>

 <input type="text" maxlength="" name="field_address[0][city]" id="edit-field-address-0-city"  size="20" value="" class="form-text" />
</div>
</div><div class="cck-address-state"><div class="form-item">
 <label for="edit-field-address-0-state">State: </label>
 <select name="field_address[0][state]" class="form-select" id="edit-field-address-0-state" ><option value="AL">...</option></select>
</div>
</div><div class="cck-address-zip"><div class="form-item">
 <label for="edit-field-address-0-zip">ZIP: </label>
 <input type="text" maxlength="10" name="field_address[0][zip]" id="edit-field-address-0-zip"  size="10" value="" style="width:8.5em" class="form-text number" />
</div>
</div><div class="cck-address-country"><div class="form-item">
 <label for="edit-field-address-0-country">Country: </label>
 <select name="field_address[0][country]" class="form-select" id="edit-field-address-0-country" ><option value="US" selected="selected">United States</option></select>
</div>
</div></fieldset>
CommentFileSizeAuthor
cck_address_IE.jpg34.16 KBnancydru
cck_address.png3.41 KBnancydru

Comments

nancydru’s picture

nancydru
she/her/hers
Primary language English
Location Boston
commented

BTW, this is on the Bluemarine core theme with no changes. On core Garland, the street1 field is still short, but the apt field goes all the way to the right.

rconstantine’s picture

rconstantine commented

Have you tried setting maximum field lengths? I recall seeing what you see in FF and figuring out why the second address field and the other field are so long, but I can't now recall what thay reason was. I think it had to do with float or clear in the CSS. Try using FF's firebug to mess around with that.

As for IE, I can't think of why this would be different in this case. Which version of the browser are you using (exact release number as found in 'help->about')? Do you have any ideas yourself? Have you tried other themes? Perhaps an IE conditional is needed in the CSS file?

nancydru’s picture

nancydru
she/her/hers
Primary language English
Location Boston
commented

FF 2.0.0.11
IE 6.0.2900.2180.xpsp.sp2_gdr.070227.2254

I tried it on both Bluemarine and Garland as I stated. I have not tried any other themes.

I did mess with the CSS a bit and got the fields more consistent, but I'm trying this for a client and he is capable of "fixing" it on his site once he gets the other stuff working.

rconstantine’s picture

rconstantine commented
Status: Active » Postponed (maintainer needs more info)

Anything else to add to this? I still couldn't duplicate the problem. Will close issue if I don't hear back.

nancydru’s picture

nancydru
she/her/hers
Primary language English
Location Boston
commented
Status: Postponed (maintainer needs more info) » Closed (won't fix)

I tried what you suggested and it was still bad. We eventually abandoned this module.

light-blue’s picture

light-blue commented
Status: Closed (won't fix) » Closed (fixed)

I have this problem too. This fixed it ...

in cck_address.css:

.cck-address-apt .form-item, .cck-address-apt .form-item label {
clear:both;
float:left;
}