19 {{ upvoteCount | shortNum }}
19 {{ upvoteCount | shortNum }}

[WP] Any fix for Chrome?

by Karan Goel
16 replies
  • WEB DESIGN
    • |
Hey all.

Look at these screenshots:

Firefox/IE/Opera/Safari:



Chrome:



I hope you get what my problem is. I don't want that mag style posts in Chrome. Any fixes?

Thanks
Karan
#chrome #fix
  • Profile picture of the author Orlando Web Design
    Hi Karan

    The most basic advice I can give you without going into your code is make sure you add the CSS Tools: Reset CSS to your site.

    I find this code sometimes fixes cross browser issues without needing to do much else.

    Laurence
    Signature
    Financial Thing: Peer to Peer Lending Reviews
    Poker Tilt : The Dutch Boyd Story
    {{ DiscussionBoard.errors[2158715].message }}
  • Profile picture of the author Karan Goel
    To Laurence :

    Hey.

    Thanks for the advise, but I have tried it and it doesn't work.

    Karan
    Signature
    Penalty Safe, Long Term, 100% Whitehat Backlinks
    Love your site? Then check out SafeSpokes!
    ~_~_~_~_~_~_~_~_~_~_~_~_~_~_~_~_~_~_~_
    karan996@irchiver.com karan997@irchiver.com
    {{ DiscussionBoard.errors[2161119].message }}
    • Profile picture of the author Harrison Ortega
      Open your stylesheet, find the .entry class and remove the
      "position:relative;"

      Current code:
      Code:
      .entry {
float:left;
overflow:hidden;
padding:5px 10px  0 15px;
position:relative;


}
      try this:
      Code:
      .entry {
float:left;
overflow:hidden;
padding:5px 10px  0 15px;


}


      Originally Posted by Karan Goel View Post

      To Laurence :

      Hey.

      Thanks for the advise, but I have tried it and it doesn't work.

      Karan
      Signature
      NJ web design / NJ Web Designer. MY Wordpress portfolio. 10 years of HTML/CSS - 6 years developing professional Wordpress websites. Currently not available for services.
      {{ DiscussionBoard.errors[2163803].message }}
  • Profile picture of the author Karan Goel
    @Harrison:

    Thanks man. But it doesn't work either.
    Signature
    Penalty Safe, Long Term, 100% Whitehat Backlinks
    Love your site? Then check out SafeSpokes!
    ~_~_~_~_~_~_~_~_~_~_~_~_~_~_~_~_~_~_~_
    karan996@irchiver.com karan997@irchiver.com
    {{ DiscussionBoard.errors[2165280].message }}
    • Profile picture of the author Harrison Ortega
      Originally Posted by Karan Goel View Post

      @Harrison:

      Thanks man. But it doesn't work either.
      There are some end and open tags missing. Use the W3C validator to find were they are and start closing them.
      http:// validator.w3.org/check?uri=http%3A%2F%2Fwww.geekzu.com%2F&charset=% 28detect+automatically%29&doctype=Inline&group=0

      Also, the header profile of your page is missing. (<head profile="http://gmpg.org/xfn/11">).
      You only have the closing tag </head>.
      Signature
      NJ web design / NJ Web Designer. MY Wordpress portfolio. 10 years of HTML/CSS - 6 years developing professional Wordpress websites. Currently not available for services.
      {{ DiscussionBoard.errors[2169246].message }}
  • Profile picture of the author Karan Goel
    @Harrison:

    I have used the validator. But, I can't figure out what the problem is. For ex:



    I have updated the header now!
    Signature
    Penalty Safe, Long Term, 100% Whitehat Backlinks
    Love your site? Then check out SafeSpokes!
    ~_~_~_~_~_~_~_~_~_~_~_~_~_~_~_~_~_~_~_
    karan996@irchiver.com karan997@irchiver.com
    {{ DiscussionBoard.errors[2169277].message }}
    • Profile picture of the author Harrison Ortega
      I see you have updated the header. I'll check the results on w3c.
      I'll keep posting the issues.

      1- Line 197, Column 294:
      Code:
       <a href=http://www.geekzu.com/page/65/>
      should be
      Code:
       <a href="http://www.geekzu.com/page/65/">
      2 -Line 237, Column 102:
      Code:
      <img  src="http://www.geekzu.com/wp-content/uploads/2010/03/rss-48.png"  class="alignleft" alt="Email">
      Should be:
      Code:
      <img  src="http://www.geekzu.com/wp-content/uploads/2010/03/rss-48.png"  class="alignleft" alt="Email" />
      3- Line 262, Column 33:
      Code:
                  <div class="akpc_report" rel="">
      Should be:
      Code:
                  <div class="akpc_report" >
      4- Line 197, Column 35:
      Code:
              <a href='http://www.geekzu.com/'class='current'>
      should be:
      Code:
              <a class='current' href='http://www.geekzu.com/' >
      That will help fixing some of the issues. However it is important to find out the missing openings for some Divs as you can see at the end of the validator: http:// validator.w3.org/check?uri=http%3A%2F%2Fwww.geekzu.com%2F&charset=% 28detect+automatically%29&doctype=Inline&ss=1&grou p=0&No200=1&user-agent=W3C_Validator%2F1.767
      Signature
      NJ web design / NJ Web Designer. MY Wordpress portfolio. 10 years of HTML/CSS - 6 years developing professional Wordpress websites. Currently not available for services.
      {{ DiscussionBoard.errors[2169308].message }}
  • Profile picture of the author Karan Goel
    ^^I have started fixing some of them. The errors have reduced by some 60%. Just 15 more to go.
    Signature
    Penalty Safe, Long Term, 100% Whitehat Backlinks
    Love your site? Then check out SafeSpokes!
    ~_~_~_~_~_~_~_~_~_~_~_~_~_~_~_~_~_~_~_
    karan996@irchiver.com karan997@irchiver.com
    {{ DiscussionBoard.errors[2169396].message }}
  • Profile picture of the author Karan Goel
    Ok. Update:

    I tried a lot of codes, a lot of edits but the problem isn't solved. Chrome still is the pain. Any fixes?
    Signature
    Penalty Safe, Long Term, 100% Whitehat Backlinks
    Love your site? Then check out SafeSpokes!
    ~_~_~_~_~_~_~_~_~_~_~_~_~_~_~_~_~_~_~_
    karan996@irchiver.com karan997@irchiver.com
    {{ DiscussionBoard.errors[2196464].message }}
    • Profile picture of the author robitn4
      Remove position:relative; from .content on line 19.
      Signature

      Tim

      {{ DiscussionBoard.errors[2229264].message }}
  • Profile picture of the author Karan Goel
    ^^Doesn't work!!
    Signature
    Penalty Safe, Long Term, 100% Whitehat Backlinks
    Love your site? Then check out SafeSpokes!
    ~_~_~_~_~_~_~_~_~_~_~_~_~_~_~_~_~_~_~_
    karan996@irchiver.com karan997@irchiver.com
    {{ DiscussionBoard.errors[2229482].message }}
    • Profile picture of the author robitn4
      Originally Posted by Karan Goel View Post

      ^^Doesn't work!!
      Have you tried removing (line 19) float:left ?

      Are you actually editing the file online, and not a tmp copy on your drive? Sometimes you'll think you're editing the online file, when actually you're editing a copy in your local tmp directory. What editor are you using?

      Is it possible to disable caching on Chrome?

      Safari 5 is doing the same thing as Chrome.
      Signature

      Tim

      {{ DiscussionBoard.errors[2240563].message }}
      • Profile picture of the author Karan Goel
        Originally Posted by robitn4 View Post

        Have you tried removing (line 19) float:left ?

        Are you actually editing the file online, and not a tmp copy on your drive? Sometimes you'll think you're editing the online file, when actually you're editing a copy in your local tmp directory. What editor are you using?

        Is it possible to disable caching on Chrome?

        Safari 5 is doing the same thing as Chrome.
        Hey Robin.

        I am editing the main online file only.

        I am using TextWrangler for offline editing, and the Wordpress Editor for online editing.

        Can't say about caching, but the cache is over-ridden when the page is refreshed.

        I just updated to Safari 5, to verify, and yes, it's also rendering it in the same way.

        I tried to edit as you said, but that didn't work either.

        Karan
        Signature
        Penalty Safe, Long Term, 100% Whitehat Backlinks
        Love your site? Then check out SafeSpokes!
        ~_~_~_~_~_~_~_~_~_~_~_~_~_~_~_~_~_~_~_
        karan996@irchiver.com karan997@irchiver.com
        {{ DiscussionBoard.errors[2249983].message }}
        • Profile picture of the author dwaser
          Hey Karan,

          Try to add the width that to the entry class.

          This is your current code:
          Code:
          .entry {overflow:hidden; position:relative; float:left; padding:5px 10px 0 15px;}
          Replace it with this one
          Code:
          .entry {overflow:hidden; position:relative; width:610px; float:left; padding:5px 10px 0 15px;}
          I hope this will fix it.

          Dnaiel
          {{ DiscussionBoard.errors[2250154].message }}
  • Profile picture of the author Karan Goel
    @dwaser: Thanks a heck lot man! I added the width and reduced the padding a bit, and it works great!

    Thanks a lot.

    Karan
    Signature
    Penalty Safe, Long Term, 100% Whitehat Backlinks
    Love your site? Then check out SafeSpokes!
    ~_~_~_~_~_~_~_~_~_~_~_~_~_~_~_~_~_~_~_
    karan996@irchiver.com karan997@irchiver.com
    {{ DiscussionBoard.errors[2250211].message }}
    • Profile picture of the author dwaser
      You're welcome. I'm glad it worked.

      Daniel
      {{ DiscussionBoard.errors[2250321].message }}

Trending Topics