8 {{ upvoteCount | shortNum }}
8 {{ upvoteCount | shortNum }}

***GOT IT FIXED*** Need Simple CSS HELP, I think?

by Steve Wells
7 replies
  • WEB DESIGN
    • |
ClickBank Ready Minisites

Any ideas on how to get rid of the top gap above the header in IE8, it looks fine in firefox, safari, google chrome and opera.

It has to be something simple in the css code I would think?

Here is the gap below------- with "compatability mode" turned off in IE8 Version 8.0.6001.19019, when I use compatbility mode its partly corrected, but it's still messed up.

If I had this in html, I would have no problem fixing it, but since its wordpress, I think something is throwing it off?

If I use in private browsing feature of IE8, its fine........ what a pain in the arse...

I cant expect everyone to use in private browsing......
#css #simple
  • Profile picture of the author xtrapunch
    Try this:
    body {
    background: url("images/verticaltop.jpg") repeat-x scroll 0 0 #EFEFEF;
    color: #333333;
    font-family: Arial,Helvetica,Sans-Serif;
    font-size: 12px;
    margin: 0;
    padding: 0;


    }
    Signature
    >> Web Design, Wordpress & SEO - XtraPunch.com <<
    Web Design & SEO Agency | Serving World Wide from New Delhi, India

    {{ DiscussionBoard.errors[3538486].message }}
    • Profile picture of the author Steve Wells
      Originally Posted by xtrapunch View Post

      Try this:
      body {
      background: url("images/verticaltop.jpg") repeat-x scroll 0 0 #EFEFEF;
      color: #333333;
      font-family: Arial,Helvetica,Sans-Serif;
      font-size: 12px;
      margin: 0;
      padding: 0;


      }
      Thanks, no change in IE8, still got a gap at the top....
      Signature
      Need Custom Graphics Work? - Message Me For A Design Quote!
      {{ DiscussionBoard.errors[3538621].message }}
  • Profile picture of the author phpbbxpert
    I looked at it in IE8 and I see no gap.
    The header is tight to the top.

    Make sure your cache is clear, maybe some old style changes left in your cache.
    {{ DiscussionBoard.errors[3538626].message }}
  • Profile picture of the author SteveJohnson
    Looks like you've were playing with it even as I was looking. Looks like you've gotten it fixed...
    Signature

    The 2nd Amendment, 1789 - The Original Homeland Security.

    Gun control means never having to say, "I missed you."

    {{ DiscussionBoard.errors[3538724].message }}
    • Profile picture of the author Steve Wells
      Originally Posted by SteveJohnson View Post

      Looks like you've were playing with it even as I was looking. Looks like you've gotten it fixed...
      Steve, I was messing with it and can get it fixed in IE8 but when I do its messes up in firefox and all the other browsers.

      Whats funny us this, if I use in private browsing feature of IE8, its fine........ what a pain in the arse...

      I just applied this and it works better, but still not right.....

      <metahttp-equiv="X-UA-Compatible"content="IE=EmulateIE7"/>
      Signature
      Need Custom Graphics Work? - Message Me For A Design Quote!
      {{ DiscussionBoard.errors[3538809].message }}
  • Profile picture of the author Steve Wells
    I applied this meta code, and it helped but still its out of whack

    <meta http-equiv="X-UA-Compatible"content="IE=EmulateIE7"/>
    Signature
    Need Custom Graphics Work? - Message Me For A Design Quote!
    {{ DiscussionBoard.errors[3538876].message }}
  • Profile picture of the author Steve Wells
    Got it!!!!!! , for some reason when I had certain tabs open, possible the wordpress admin, or maybe a different one? The gap was at the top, I closed down all my tabs, and reloaded the browser and voila, it works perfectly, across all 5 browsers, with no css hacks, or meta hacks.....

    Signature
    Need Custom Graphics Work? - Message Me For A Design Quote!
    {{ DiscussionBoard.errors[3539031].message }}

Trending Topics