Forums

WordPress › Support » Themes and Templates

IE hates my sidebar - Please Help (4 posts)

  1. cmrollison
    Member
    Posted 2 years ago #

    Hi everyone. These forums have been great at teaching me to build my first WP blog from scratch.

    Grizzly Bear Modern

    I'm pretty happy with how my blog looks on Fire Fox and Safari - Chrome is a little wonky, but I can deal. It's Internet Explorer that hates my sidebar. I know IE gives everyone trouble, but I really lack the experience to even begin to assess what might be the problem. It seems to be pushing it under by posts. Or if you have a suggestion on how to get all of my page elements to float peacefully I'm open to your thoughts.

    My CSS:

    [huge chunk of code moderated - please use a pastebin or link to file]

    Please let me know if there is any other files you want to take a look at. Again, what I've assembled here is the extent of my knowledge and I'm open to other ways of creating this blog. Or if you've got a tutorial for me to look at I'm game.

  2. SpankMarvin
    Member
    Posted 2 years ago #

    You need to do one of 2 things, I think:

    1. Take out the absolute positioning of #noticias. Remove left and top values. Give it a right float. Give the sidebar a left float.

    2. OR, give the sidebar an absolute position.

    I think 1 would be my favoured approach. Does it help at all with your layout?

  3. cmrollison
    Member
    Posted 2 years ago #

    Hi Marvin,

    Thanks so much for the quick reply. I tried floating the #noticias and #sidebar and it just made my sidebar disappear. I moved on to option 2 and made both elements absolute, and it seemed to help a little bit with IE - but it's still not showing the full sidebar image. Any thoughts?

    And to make matters worse I'm doing this on a MacBook so viewing IE is challenging. I've been using IE NetRenderer to see if the site is working. Are there any other ways to proof my blog on IE?

    [huge chunk of code moderated - please use a pastebin or link to file]

  4. songdogtech
    Member
    Posted 2 years ago #

    The first thing to do if you want an accurate display across all browsers is fix your code errors: [Invalid]Markup Validation of http://www.grizzlybearmodern.com - W3C Markup Validator. You're missing really basic stuff like a <body> tag, have meaningless tags and missing closing tags, etc. Scroll down in the validation report to see line numbers and source code.

    IE Net Renderer is not accurate; you have to either find a native windows box to use, or use Windows virtualization under OS X, as with VMWare or Parallels.

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags