ThemeShaper Forums » Power Blog


Too many headers in Safari?

(3 posts)


  1. Hi,
    First, this is awesome. Everything you guys have done here is amazing and thank you.
    I'm having just one problem ...

    This is what I have:

    #blog-title a {
    background:transparent url(images/header-image.jpg) no-repeat top center;
    border-top:1px solid #200203;
    border-bottom:1px solid #200203;
    border-left:1px solid #200203;
    padding:2px 0 200px;
    width: 988px;
    height: 0px;

    It works great in FireFox - but in Safari I have two header/blog-titles?!

    Any suggestions?

    Posted 10 years ago #
  2. Hi jeanne-

    Looking at the source of your page the header div looks a bit fragmented:

    <div id="header">
        	<a href="">
            		    	<div id="branding">
    				    		<div id="blog-title"><span><a href="" title="" rel="home"></a></span></div>
    				    		<h1 id="blog-description"></h1>
    		    				    	</div><!--  #branding -->
    				    	<div id="access">

    I'm wondering why the anchor after <div id="header"> and where your blog title and description have gone.

    Safari is choking on the anchor that isn't closed. Safari's web inspector is reporting this:
    <a> misnested or not properly closed. Cloning <a> in order to preserve the styles applied by it.

    Have you made edits to thematic_header() in your functions.php? If so post them.


    Posted 10 years ago #
  3. WOW!! That was it! My <a name="top"> (for the back to top anchor placed in the footer)wasn't closed and caused Safari to double the background-image for the blog title.
    And I thought somehow Safari 4.0 was still having the no-repeat issues with CSS that it had back in the 2.01 days.

    Thanks for pointing this out Gene!
    Hugely appreciated!

    Posted 9 years ago #

RSS feed for this topic

Topic Closed

This topic has been closed to new replies.