Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
  • #488


    I’ve started to create a site using the theme, and overall think it is excellent. However, I have a problem with the header image, containing the logo. On my normal desktop PC and my old laptop, the image is showing as intended. But on my Samsung NC20 laptop/netbook, the header graphics is further over to the left than it should be. My graphic is not the default size. It’s about 350 x 180. I adjusted the logo size in the CSS file.

    The resolution on the Samsung is different – more of a letterbox style (1280×800) compared with the 1024 x 768 on my old laptop and 1280 x 1024 on the desktop. However, I have altered the res on my desktop to something close (1280 x 768) and I’m not having the same issue, so perhaps this is irrelevant.

    Any thoughts? Is a change from the default logo dimensions likely to throw out some other setting somewhere?




    Another couple of things, which I guess are related. I now see that IE, Chrome and Safari are displaying the header graphic correctly while Firefox has it a few pixels to the left, which destroys the effect I’m trying to create, of the logo being a part of the moving Cu3er images.

    Also, I notice on one computer that the header logo is appearing behind the cu3er images rather than on top. Is there something I can tweak in the CSS to ensure it’s always on top?

    So in summary, I need a way of ensuring that the relationship between header graphic and cu3er images remains the same, regardless of browser.

    Can you offer any advice?





    Can you point me to your site URL?

    Best regards,



    Thanks for the reply, James, and sorry for the delay — I’ve been away from this project for a couple of days.

    The site is still under development but can be found here:

    Any insight into the Firefox issue would be appreciated.


    I can’t see any obvious bug in the CSS, Firefox is misbehaving which is unusual.

    One way to get around this is use a conditional tag to include CSS just for Firefox.

    (Purchase code hidden if logged out) -browser-from-php/”>Browser.php in conjunction with this code in the HEAD section of header.php could fix this issue:

    $browser = new Browser();
    if( $browser->getBrowser() == Browser::BROWSER_FIREFOX ) {
    echo '<style type='text/css'>#top .logo, .logo a { left: 31px !important; }</style>';

    If you change the z-index of the logo CSS, it will always display on top of HTML / CSS elements. Flash can cause problems on older versions. Make sure you’re using the latest version of flash.


    Hi James

    Thanks for the info about z-index. I’ve seen this before but not been sure what it does. Good to know.

    No luck on the logo, but I’m having to guess what to do, so perhaps you can clarify — I presume I upload browser.php, to the Display root folder? But where in <Head> of header.php do I add the code? I’ve tried in 2 different places and am getting the code appearing in the web page when I view it, so I’m doing something wrong. Should it be in <php> tags, or any other pointers?



    You’d need to wrap the code in PHP tags (<?php and ?>) and, upload browser.php to your template directory and include the browser.php with this code:


    It doesn’t matter where you add the code as long as it is within the <head> / </head> tags.


    Sorry James, you’ve lost me.

    Everything I try is giving me parsing errors, so I’m doing something wrong. I’m not a PHP developer, so forgive my ignorance, but this is what I’ve tried:

    I’ve put the following code in PHP tags, in the HEAD section of header.php

    $browser = new Browser();

    if( $browser->getBrowser() == Browser::BROWSER_FIREFOX ) {

    echo ‘<style type=’text/css’>#top .logo, .logo a { left: 31px !important; }</style>’;


    The header.php in question is the one in wp-content/themes/display. Is that correct?

    I’ve downloaded browser.php and uploaded it to the same directory.

    I’ve also now added:


    to header.php. I’ve tried this both within the PHP tags with the other code, and outside the PHP tags, but am getting scripting errors whatever I try.

    a) Is there a syntax error in the first piece of code?

    b) Should the other line of code be in the header.php file, and should it be inside PHP tags?

    Thanks for yoru continued help. I need to try to get this right.




    Just to clarify, I have included the actual full path in



    Ok, the whole code (within the <head> area of header.php) should look like this:

    $browser = new Browser();
    if( $browser->getBrowser() == Browser::BROWSER_FIREFOX ) {
    echo '<style type="text/css">#top .logo, .logo a { left: 31px !important; }</style>';

    You also need to upload the browser.php file, and update the path ( /path/to/browser.php ) code to the relative location within the theme folder.

    eg if you upload browser.php to the root of the theme folder (same directory as style.css) the path would look like this:


    There was a syntax error in the code (I inadvertently used a ‘ for the style type which indicated the end of the echo statement – this is corrected in the code above), also bear in mind if the browser.php file can’t be found this will throw a PHP error.

    Sorry for the confusion, let me know how you get on. :)

Viewing 10 posts - 1 through 10 (of 10 total)

The topic ‘Images not displaying properly on different PC’ is closed to new replies.