WordPress.org

Ready to get started?Download WordPress

Forums

Layout is looks OK on Firefox but not IE (10 posts)

  1. raymondcc
    Member
    Posted 6 years ago #

    http://www.freegameslah.com/

    In Firefox, it looks OK.

    But when in Internet Explorer, the top right hand side with "Home, About, Contact and Suggest a Game" is a little lower. If I add another link, it will overlap the SUBSCRIBE image.

    I am no expert in HTML and CSS, so I hope any gurus here can help me out.

    I think it has something to do with this line of code:

      <?php wp_list_pages('title_li=<h2 style="margin-top: 0px"></h2>'); ?>

    My CSS is at http://www.freegameslah.com/wp-content/themes/superblog/style.css

    When the page is generated, this is what the HTML looks like.

      <li class="pagenav"><h2 style=\"margin-top: 0px\"></h2>
    • plnelson
      Member
      Posted 6 years ago #

      Your POST here looks weird in Firefox! I'm running Firefox in XP-Pro When I scroll I get a series of horizontal lines through your message, and every time I scroll the lines are in different locations. I'm running a slightly old version of Firefox (1.5.06) BUT none of us have any control over what browsers our blog visitors are running so WordPress needs to work well with all major browsers.

    • 4k
      Member
      Posted 6 years ago #

      have you tried adding 3 or 4 test links just to see if it will overlap or not? No point taking extra action if it isn't warranted.

      That said I think IE should be banned!!!! FireFox for all!! :D

    • raymondcc
      Member
      Posted 6 years ago #

      4k, I've tested adding more links and it did overlap.

    • 4k
      Member
      Posted 6 years ago #

      It won't be even with your banner, but try increasing the size of that box if you want to add more links.

      #headerright
      background-color:#D6D6D6;
      border-left:2px solid #999999;
      border-right:2px solid #999999;
      float:right;
      height:160px;<---edit this
      padding-left:5px;
      padding-right:5px;
      padding-top:0pt;
      width:166px;

    • Root
      Member
      Posted 6 years ago #

      WP does not need to work with any browsers at the front end. The theme does.

    • raymondcc
      Member
      Posted 6 years ago #

      Did what you suggested, 4k.

      In FF, that box is much longer. But in IE, no changes!

      Do you have any way to move the Home, About, Contact to the top?

    • 4k
      Member
      Posted 6 years ago #

      I don't see a change in either browser, but perhaps you've already changed it back.

      When you changed the size did you try adding more links to see if it would expand with links added?

      Changing to a horizontal menu would be a major theme hack.

    • raymondcc
      Member
      Posted 6 years ago #

      I've managed to fix it.

      I no longer use this code <?php wp_list_pages('title_li=<h2 style="margin-top: 0px"></h2>'); ?>

      What I did was manually place the links.

      Although I didn't know what caused the problem but it's all good if it's fixed. Thanks for your help.

    • plnelson
      Member
      Posted 6 years ago #

      WP does not need to work with any browsers at the front end. The theme does.

      Yes, that's true, but in this case I was referring to this forum; not the poor user's theme.

    Topic Closed

    This topic has been closed to new replies.

    About this Topic

    Tags