Link to home
Start Free TrialLog in
Avatar of Chris Stormer
Chris Stormer

asked on

IE6 Form Bug?

On this page: http://www.chrisvschris.com/wp/spelling-not-so-important

I have this code and this form works fine in FF or IE7 but not IE6.. can anybody tell me the issue? I can't click on the first form box.
<h3>Leave a comment</h3>
<p class="headertext">Comments can contain some xhtml. Names and emails are required (emails aren't displayed), url's are optional.</p>
<form id="commentform" action="<?php echo get_option('siteurl'); ?>/wp-comments-post.php" method="post">
<br />
<!--<php smilies_clickable() ?>-->
<br />
      <div>
      <textarea name="comment" id="comment" cols="120" rows="6" tabindex="1"></textarea>
      <input type="hidden" name="comment_post_ID" value="<?php echo $post->ID; ?>" />
      <input type="hidden" name="redirect_to" value="<?php echo htmlspecialchars($_SERVER['REQUEST_URI']); ?>" />
      </div>

<?php if(!$user_ID) : ?>

      <div id="inputcontainer">
      <div id="namefield">
        <input type="text" name="author" id="author" class="textarea" value="" size="15" tabindex="2" /><br />
        <label for="author">Name</label>
      </div>
      <div id="emailfield">
        <input type="text" name="email" id="email" value="" size="15" tabindex="3" /><br />
        <label for="email">E-mail</label>
      </div>
      <div id="urlfield">
        <input type="text" name="url" id="url" value="" size="15" tabindex="4" /><br />
         <label for="url"><acronym title="Uniform Resource Identifier">URI</acronym></label>
      </div>
      </div>

<?php else : ?>

        <p>
          You are logged in as <?php echo($user_identity); ?>.
        </p>

<?php endif; ?>

      <p id="submitter">
        <input name="submit" id="submit" type="submit" value="I'm done, post it." />
      </p>

      <?php do_action('comment_form', $post->ID); ?>
      
</form>
Avatar of VirusMinus
VirusMinus
Flag of Australia image

i tired clicking on different places inside the the first form box and towards the bottom right it actually clicks through and i can type in the textarea.

i suspect some other div is over the form via css for IE and blocking it. Looking into it further.
Avatar of Chris Stormer
Chris Stormer

ASKER

This is when I wish IE had the kind of testing tools FF has ugh.
ok, seeing some differences in IE 6..

in your styles.css you have

      #comment {
      display: block;
      width: 560px;
      background: transparent;
      padding: 5px;
      margin: 10px auto;
      font-size: .9em;
      }

try removing display: block; AND / OR removing background: transparent and see what happens. The cursor seems to change in IE.
nope :)
what about applying nothing to #comment.

if that doesnt help, try moving upwards in the layout, look for anything being applied to #commentform,

also in .blog, whats the overflow: hidden for? does removing that help?

I also see that some different css is being applied for IE6, if that's removed does it make a difference?
ok, removing everything form #comment doesn't help

removing overflow: hidden, doesn't help.

I need some of the special css for IE6 but I removed a little.  I cannot for the life of me figure out what might be covering half of that text box.
ASKER CERTIFIED SOLUTION
Avatar of VirusMinus
VirusMinus
Flag of Australia image

Link to home
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
Start Free Trial
that isn't giving me any good insight.
can you send me that page as a static page with the images and css files?
How do I go about emailing you or sending you a file through here? It's hard to send it as a static page, but I can certain send the css & the page of code it's happening on.  It's so wierd because NOTHING shows anything overlapping that area and it seems to be about 150 px.. maybe 200px of coverage.. I see one tag might have 222 px height.. but it's not being set anywhere in the css.. I'm just baffled since FF and IE tools don't show anything over top of the text box.. at least that I can see.
you can't send a file through here. you can put it up on your web host as a zip and myself or other experts wanting to work on it could download it. or you can use www.yousendit.com and send it to my email address on my profile.
Ya I really don't think it's going to work, it's not a static file being a blog and all it's fairly hacked up.
Avatar of Michel Plungjan
I am on IE6 on Win2K and the page takes FOREVER to load and while it does, the browser is blocked
Once it has loaded, I can easily type in the comment field, if that is the field you mean but I cannot click on any of the smilies

My guess is - since it ALL works FAST offline (e.g. I copy the page to my editor and run it from there)
that it is the sk2_my_js_payload (or the google urchin) which gives the problem
mplungjan,

sorry about it being slow it might have been tempary lag, generally the site is fairly fast.  However I did remove the sk2.  This seems as if it is a css issue for sure.
ok...

I have narrowed it to being a problem with the class="blog" style.. but I can't figure out what the problem might be...  but when I remove it.. all works perfect.. any new thoughts?
A for effort everybody ;)
No it is not your server. It is fast in FF. It is IE6 that hates the content of the page (it loads the chrome fast)
And NOW I cannot add a comment unless I click halfway down the box
mplungjan, that was always the problem i was attempting to fix.  (the comment box issue)
Did you try pagespy?