My theme works in all browsers except IE.. :(

  • Okay… So, I have a website that I’m in the process of converting to WordPress. Here’s the link to the live website: https://drlapiana.com It works fine in all browsers.

    Here’s the link to the WordPress version in progress: https://drlapiana.com/blog It works fine in all browsers except IE. In IE, there’s no min-height in the content, logo and phone number at the top aren’t in the correct position and a spacer I have on the sidebar is (i’m thinking line-height?) thick, and, the jQuery UI menu on the sidebar is messed up.

    I’ve been trying to figure it out for like 2 days… I’ve been comparing the CSS and I can’t figure it out. I’ve posted this on another CSS forum but haven’t gotten ANY replies… Any help would be appreciated!

Viewing 5 replies - 1 through 5 (of 5 total)

  • Hi,

    The W3C HTML Validator came up with 5 errors, first and foremost a missing <head> start tag. Below is what your code now looks like:

    <!--template for all pages that aren't the blog page or frontpage-->
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "https://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="https://www.w3.org/1999/xhtml" dir="ltr" lang="en-US">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title> Dr. La Piana</title>
<link rel="stylesheet" href="https://drlapiana.com/blog/wp-content/themes/drlapiana/style.css" type="text/css" media="screen" />

    Below is what the code needs to look like (the <head> start tag has been inserted):

    <!--template for all pages that aren't the blog page or frontpage-->
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "https://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="https://www.w3.org/1999/xhtml" dir="ltr" lang="en-US">
<head><!-- Your missing head tag has been placed here -->
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title> Dr. La Piana</title>
<link rel="stylesheet" href="https://drlapiana.com/blog/wp-content/themes/drlapiana/style.css" type="text/css" media="screen" />

    I would add the <head> start tag and see what things look like first before attempting any corrections.

    Thread Starter ciaravino

    (@ciaravino)

    Sorry, I removed that head while troubleshooting it, but I forgot to put it back in. That didn’t make any difference. I just noticed that the :hovers in the sidebar section of the recipes and stuff don’t work on drlapiana.com/blog, but they work on drlapiana.com. That may have something to do with it.

    Okay, this is going to surprise you how simple this fix is, but how elusive to track down…

    In you header.php, remove this line completely, and put the DOCTYPE on the top line with no space above:

    <!--template for all pages that aren't the blog page or frontpage-->

    This fixes your layout and appears to fix the sidebar hover and display as well.

    In finding this, I learned something here…hope it benefits others as well.

    I forgot something to add. You need to add text-align: leftto the sidebar in style.css to make the nav links align left.

    #sidebar {
  padding: 10px;
  width: 178px;
  text-align: left; /* add this */
}
    Thread Starter ciaravino

    (@ciaravino)

    Oh my god…….. Thank you so much! I’ve spent so much time trying to figure it out… I’ll post the fix on the other forums I posted on so people can see the problem in case they ever get the problem.

    Thanks again!

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘My theme works in all browsers except IE.. :(’ is closed to new replies.