CSS Issue... Covering the Form IE6 - Help!

Discussion in 'HTML & Website Design' started by ominc, Nov 17, 2006.

  1. #1
    I've been working on an IE6 bug for a couple of days now and I'm managed to narrow it down to being a problem with one specific css tag on my blog. However I cannot managed to figure out what is the actual problem. I'm going to state as much informatation as a can and hopefull it will help everybody out.

    The top 1/3 of my comment form is being covered in my wordpress blog.
    The css tag that is causing this is .blog

    All css that has anything to do with .blog

    .blog, .middle, .blogChristopher, .blogChristine {
    margin: 0px;
    padding: 0px 0px;
    width: auto;
    overflow: hidden;
    }

    .blog blockquote {
    margin: 5px 15px;
    padding: 3px;
    font-size: .9em;
    }

    .blog img {
    max-width: 362px;
    }

    .blog { background: url('<?php echo $skin; ?>/blogbackground.png'); width: 680px;}

    .blog blockquote {
    border: 1px dotted #3ba6e4;
    }

    .blog {
    background-image: none;
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, src=<?php echo $path; ?>/<?php echo $skin; ?>/blogbackground.png, sizingMethod=scale);
    }

    Now, I feel like possibly it has something to do with: filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, src=<?php echo $path; ?>/<?php echo $skin; ?>/blogbackground.png, sizingMethod=scale), because I cannot figure out how anything else would cover the top 1/3 of the comment form. If i remove the .blog form the snippid before the text comment form is not hidden anymore.

    <div class="blogbefore"></div>
    <div class="blog"> <------ This tag is the problem.
    <div class="contentconstraint">
    <h3>Leave a comment</h3>
    <p class="headertext">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">
    <div>
    <br />
    <?php smilies_clickable() ?>
    <br />
    <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>


    An example url:
    http://www.chrisvschris.com/wp/football-frenzy-a-gentle-reminder/
     
    ominc, Nov 17, 2006 IP
  2. Dan Schulz

    Dan Schulz Peon

    Messages:
    6,032
    Likes Received:
    436
    Best Answers:
    0
    Trophy Points:
    0
    #2
    Is there any chance you can show us what the browser sees (the actual HTML/CSS source output) and not the actual source code (since you're using PHP)? If you can wrap the HTML around [html*][/html] tags (same with the CSS but with [code*][/code] tags - both without the asterisks, which are just to keep the tags from running), I'd really appreciate it.
     
    Dan Schulz, Nov 18, 2006 IP