SitePoint Sponsor

User Tag List

Results 1 to 4 of 4
  1. #1
    SitePoint Enthusiast
    Join Date
    Dec 2006
    Posts
    55
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    IE7 Hiccup - fine in other browsers

    I'm having issues with this page:
    http://test.reciproc8.com/events/lon...b07401000008be

    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?

  2. #2
    SitePoint Member
    Join Date
    May 2012
    Posts
    4
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    It works fine here.

  3. #3
    billycundiff{float:left;} silver trophybronze trophy RyanReese's Avatar
    Join Date
    Oct 2008
    Location
    Whiteford, Maryland, United States
    Posts
    13,622
    Mentioned
    6 Post(s)
    Tagged
    0 Thread(s)
    Tried the logo link, along with the top navigation links (you only said "top link" which isn't descriptive at all) . All working.
    Always looking for web design/development work.
    http://www.CodeFundamentals.com

  4. #4
    Non-Member bronze trophy
    Join Date
    Nov 2009
    Location
    Keene, NH
    Posts
    3,760
    Mentioned
    23 Post(s)
    Tagged
    0 Thread(s)
    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.

    Code:
    <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.


Tags for this Thread

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •