Grow your CSS skills. Land your dream job.

New website test … IE problems.

  • # December 1, 2008 at 11:31 am

    I used one of Chris’s themes on my WordPress site for an organization called The 1010 Project. When you visit http://www.the1010project.org/partners or any page that has a side bar on the right hand side, the footer jumps up to the bottom of the page-wrap in all IE browsers versions before IE 8.0.

    I have little knowledge of IE fixes and bugs and built the whole site in FireFox…

    Is anyone aware of how I might be able to fix this issue quickly? Thanks.

    The site link is http://www.the1010project.org/partners

    Rob
    # December 1, 2008 at 1:06 pm

    Hello!

    Ok – I got it working by making the <div id="page-wrap"> ended after the footer. It might be a little tricky finding the right </div>, I ended up deleting 2 </divs> and putting one after the footer </div>… then it seemed to work :)

    If you need any help, give us a shout.

    # December 1, 2008 at 2:41 pm

    Thanks… that makes a ton of sense… unfortunately for me I am having a problem with deciding between the header.php and footer.php files and which </div>’s to remove or add. Is there a way you could possibly be a little more specific, I fear I might mess things up a little too much if I start playing around too much with the coding. Thank you for the help initially.

    Rob
    # December 1, 2008 at 2:51 pm

    Ok :)

    The file you need to look at should be your footer php file, although I cant be certain as I can not see it… I would suspect that the file should start with a load of </div>’s, if not it might be a little more complex… It all depends how the html was split up.

    could you paste whats in your footer.php, that might be the easiest way for me to check. :D

    # December 1, 2008 at 4:42 pm

    <div class="clear"></div>

    <div id="push"></div>

    </div>

    <div id="footer">
    <br>
    <a href="http://www.the1010project.org">Home</a&gt; | <a href="/privacy">Privacy Policy</a> | <a href="/media">Media</a> | <a href="/faq">FAQs</a> | <a href="/contactus">Contact Us</a> | <a href="/links">Links</a> | <a href="http://the1010project.org/wp-login.php?">Log-in</a&gt;

    <br><br>
    <p style="color:#704A11;font-size:1em;">&copy; 2003 – 2008 The 1010 Project, a 501(c)(3) organization | 1101 S Washington St. Denver, CO 80210 | Phone: 720.253.8426 | Email: <a href="mailto:info@the1010project.org"> info@the1010project.org</a></p>
    </div>

    <?php wp_footer(); ?>

    </body>

    </html>

    Thank you so much for your help!!

    Rob
    # December 1, 2008 at 6:02 pm

    Ok – unfortunatly it looks like the </div>’s you need to remove are going to be in your page.php, single.php, and any templates that you have customised pages.

    You do however need to add a </div> before <?php wp_footer(); ?> – from what I can see all the <?php wp_footer(); ?> generates is google stats wordpress plugin stuff. so thats ok. you can probably do that now without worry, as all divs will probably be closed.

    # December 2, 2008 at 10:27 am

    Great! Check it out. I think this all worked… thanks so much for your help.

    Rob
    # December 2, 2008 at 12:53 pm

    nice one :) and no probs :)

Viewing 8 posts - 1 through 8 (of 8 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".