WordPress body margin-top issue

So, I’m making a custom WordPress theme, which you can see at http://staging.gencormortgage.com/sandbox/wordpress/. It displays properly in all browsers but Google Chrome (and possibly Safari, can’t test that one) – I want the lines at the top to be all the way at the top of the screen. I’ve tried body{ margin-top:0 auto; }, but this only works on Opera and Firefox, but has a 28px blank space at the top in Google Chrome. If I change the margin-top to -28px, it doesn’t display properly in Opera and Firefox. How can I overcome this browser compatibility issue?

Related posts

Leave a Reply

1 comment

  1. That is the admin bar.

    You can disable it by putting the following in funcitons.php

    wp_deregister_script('admin-bar');
    wp_deregister_style('admin-bar');
    remove_action('wp_footer','wp_admin_bar_render',1000);
    

    By the way it’s only displayed when you are logged in.

    Alternatively there is a lite plugin you can download to hide it.