IE7 Hiccup - fine in other browsers

I’m having issues with this page:
http://test.reciproc8.com/events/london-party-4f9582d0a184b8010000000a/register?invitation_id=4f958ff6e2b07401000008be

It seems to be working fine in chrome, but IE 7 is causing me great problems
Here’s part of the original html: www.miura.gi/r8html/elp-create-password.html

This seems to work in IE7

Any ideas what’s causing the top link to not work in IE?

It works fine here. :slight_smile:

Tried the logo link, along with the top navigation links (you only said “top link” which isn’t descriptive at all) :). All working.

Uhm… stupid question…

What makes those multiple fieldsets? Why do you have forms inside of forms and put all sorts of non-form stuff inside that center form?

The invalid/improper nesting/placement of your </form> tags is your most likely culprit – Well, that and the HTML 5 idiocy, javascripted shim that’s probably bombing from the invalid markup, stupid games with the HTML tag itself (thanks to Paul Irish for destroying thousands of websites, way to go), HTML 5 bloat, inaccessible color and font choices, silly games being played with hiding/showing content, etc, etc…

Looks like taking something simple – a simple login form, and turning it into a needlessly complex mess; as evident by the 30k of markup for 628 bytes of plaintext and four visible form elements. Do yourself a favor, throw that mess out and start over… and keep track of your form closes so you don’t end up with an invalid nesting order.

Because 25 validation errors is an accomplishment given HTML 5’s loosening of the structural rules to the point it’s a miracle ANYTHING works.

If you want to talk JUST that form, swing a massive axe at all the pointless extra garbage tags in there like SECTION, the garbage scripting that turns it into a needlessly complex mess, and keep the form bits together… and lands sake, fieldsets are for a SET of fields, NOT SINGLE FIELDS!!!… and stop playing stupid bandwidth wasting content hiding games as if pageloads are some sort of evil. Maybe if you didn’t waste 30k of markup on 3k’s job, you wouldn’t need all that scripted nonsense and wouldn’t have accessibility issues galore.


<form action="/events/register" method="POST" id="member_form">
	<fieldset>
		<legend>Create Password</legend>
		<p>
			To successfully complete registration you must answer all questions in one go.<br />
			Complete within 15 minutes or you may lose the information entered.
		</p>
		<p>Please create a memorable password to complete sign up.</p>
		<p>Your email address is: r8+43@miura.gi</p>
		<label for="password">Enter password:</label>
		<input id="password" name="Member[password]" type="password" class="required" />
		<br />
		<label for="passwordConfirm">Re-enter password:</label>
		<input id="passwordConfirm" name="Member[passwordConfirm]" type="password" class="required" />
		<br />
		<span class="noLabel"></span>
		<input type="checkbox" name="CheckboxGroup1" value="checkbox" id="chk_accept_terms_conditions"  />
		<label for="chk_accept_terms_conditions" class="checkBoxLabel">
			<a href="">Agree to Terms &amp; Conditions</a>
		</label>
		<input class="submit" type="submit" value="Sign In" />
		<input name="invitation_id" type="hidden" value="4f958ff6e2b07401000008be" />
		<input name="event_id" type="hidden" value="4f9582d0a184b8010000000a" />
		<input name="member_id" type="hidden" value="4f95851ad364c05cb9b8576b" />
	</fieldset>
</form>

Do a pageload – oh noes, not a page load. You’re stretching one form over a mess of elements, many of them hidden, and for what – wasting bandwidth when people bounce and blowing even more on stupid javascript tricks?

Oh, BTW, it’s NOT fine here in Opera – the layout is busted and it’s hemorrhaging javascript errors like mad.