• Hi –

    I’ve created a child theme for WordPress theme Thematic, and I need to know if my header image is messing up the width of my blog pages.

    They fit fine onto my screen, but I have a wide-screen laptop and don’t have access to other computers.

    Here is my blog.

    And this is the CSS that puts the image in…

    #branding {
    background:transparent url(images/banner.jpg) no-repeat scroll center top;
    background-position: bottom;
    height:210px;
    position:relative;
    z-index:10;
    }

    I pasted this in my stylesheet from something I read on the Themeshaper forum, because I haven’t learned enough CSS yet to create much of my own. If it needs fixing, could one of you folks give me suggestions? Thanks!

Viewing 5 replies - 1 through 5 (of 5 total)
  • they do at 1600×1200 with LOTS of space left over thats filled with that dark color. eww.

    resize the browser window to 800×600 and theres horizontal scroll. eww.

    Thread Starter quercus

    (@quercus)

    ohhhkay then. I guess that’s helpful, in a mildly snarky way. Some clue as to what direction I should go would be awfully nice. I’m willing to go learn what I need to, but it would be really great to have some kind of signpost or clue about where to start.

    Is “fluid” the quality I should be going for here?

    Is the fact that my banner image is 940 px wide the problem?

    I wrote 2 paragraphs on how un-snarky my last response, but deleted them.

    Is the fact that my banner image is 940 px wide the problem?

    yes.

    Thread Starter quercus

    (@quercus)

    That helps. I’ll fix it and see what happens. Thank you!

    If you have an adblock filter in your browser the banner won’t show because you’ve placed it in a folder called “banner”. Give this folder a different name like “images” or if you have an images folder place it in there or a large group of people wont see it.

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Does my header and page fit on your browser window?’ is closed to new replies.