• I recently had 2 different people tell me they had this problem.

    “How do I read your article? Very difficult with the dark, almost black background?”

    It looks fine on my browsers on Mac. I’m not sure what browser he’s using, but this worries me.

    I checked CSS and it looks fine to me.

    Thanks,
    Eric
    https://www.tubulocity.com

Viewing 8 replies - 1 through 8 (of 8 total)
  • It seems to be a problem rendering your site in IE…. I too work on a Mac and always encounter this because of IE’s short-comings.

    I think this is pretty much a CSS issue. You can see how your site’s renedered in different versions of IE here: https://ipinfo.info/netrenderer/index.php

    Then play adjust your CSS accordingly (I tend to use Firebug with FireFox to first test it then apply it, then test on the site I posted above)… You can also just create an IE specific styleshit and use conditional statements or PHP to detect your browser, and apply a class to the body specific to IE.

    IF using WP 3.0, you can try the following placing this in your functions.php:

    // Detect Browser
    
    add_filter('body_class','browser_body_class');
    function browser_body_class($classes) {
    	global $is_lynx, $is_gecko, $is_IE, $is_opera, $is_NS4, $is_safari, $is_chrome, $is_iphone;
    
    	if($is_lynx) $classes[] = 'lynx';
    	elseif($is_gecko) $classes[] = 'gecko';
    	elseif($is_opera) $classes[] = 'opera';
    	elseif($is_NS4) $classes[] = 'ns4';
    	elseif($is_safari) $classes[] = 'safari';
    	elseif($is_chrome) $classes[] = 'chrome';
    	elseif($is_IE) $classes[] = 'ie';
    	else $classes[] = 'unknown';
    
    	if($is_iphone) $classes[] = 'iphone';
    	return $classes;
    }

    and add the following to your body tag (or wherever you need it)

    <body <?php body_class(); ?>>

    Hope this helps…

    Thread Starter ericshalit

    (@ericshalit)

    Hi Quincy:

    Thanks for the great info! I tested it on netrenderer and it’s very buggy in all but IE8. Many more issues than just background color.

    I’m tempted to recommend that my friend upgrade to IE8, since it looks AOK in that.

    Does that make sense? I wonder what percentage of viewers use IE 7 or lower.

    Thanks,
    Eric

    Oh I wish it was that easy to just have the client upgrade to IE8… unfortunately, there are more IE users on IE7 and the outdated, IE6 (but who cares about these guys lol)…

    I’d recommend adding things like (position:relative; and display:block; — or whatever’s required, but add a position and block attribute to your #content for starters) and other divs you have in there… IE7 has quite a few issues and although we all would love all users to get a clue and start using FF, Safari or Chrome… most are still married to whatever browsers live on their outdated systems…

    Believe me, it’s a headache…. I am going through it with this site: https://dm.lodjixmedia.net/ but you have to do it.. you have to accommodate the masses since they’re the one’s who’ll be using your site at the end of the day…

    Good luck…

    Q

    Thread Starter ericshalit

    (@ericshalit)

    All good advice. This blog is my personal site, so I can live with that issue or not. I expect to be building wordpress sites for clients and would not allow this sort of issue for paid work.

    Do better premium themes also have these issues or do they de-bug them? I’m using a free theme I customized. I’m not real confident writing custom CSS, but am pretty good at modifying.

    Would you be available for paid compatibility cleansing?

    Thanks,
    eric

    I’ll be available to help you if you’d like… I wouldn’t really ask for pay but we can connect and try to work through some of these issues.

    I’ve only been using WordPress for about 8 months now andI find it easier to develop sites with WP serving content as a light-weight CMS and blog platform. But over the years designing and developing sites for people, I’ve encountered many of these browser issues (90% of the time it’s related to IE, specifically IE6 and IE7). Over time you get to know what CSS styles IE will and will not recognize and how it renders pages based on your styles.

    I never really tried using any of these “premium themes” because I tend to just build custom themes for clients based on their needs. Also, I find it more difficult trying to hack someone else’s theme thn to just build my own from scratch.

    Anyway, let me know what you’d need assistance with, when you’re ready, and we’ll go from there…

    Cheers,

    Q

    Thread Starter ericshalit

    (@ericshalit)

    hi:

    feel free to send me your contact info and I’ll keep it on hand for when the time comes.

    I’ll likely have some e-commerce needs. I’m hoping to use wordpress for that if possible. Do you have any experience with that?

    can you send me a link to your website or blog?
    thanks,
    Eric

    Well my site (portfolio site — but kinda morphed into a small business) is https://lodjixmedia.net.

    I haven’t used WP for ecommerce yet but have found a few plugins that I think will be great at accommodating your needs if you need a light-weight shopping site with WP…

    You can contact me at *moderated* directly.

    Cheers,

    Q

    [Moderator] Removed your email address so you don’t have to worry about various spam bots harvesting your email off the forum. Feel free to add it back if necessary.

    Thread Starter ericshalit

    (@ericshalit)

    Thanks!

Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘Browser incompatibility? Black background should be white.’ is closed to new replies.