Support » Themes and Templates » top align header image

  • halfandhalf

    (@halfandhalf)


    My header image isn’t top aligned, though my code says it should be. Could someone please help?
    http://halfandhalf.org/wordpress/index.php

    #header {
    width: 760px;
    position: absolute;
    background: url(images/header_final.jpg) no-repeat top;
    margin: 0px ! important;
    padding: 0px ! important;
    font: 35px Georgia, Arial, Serif;
    letter-spacing: -1px;
    height:199px;
    }

Viewing 15 replies - 1 through 15 (of 40 total)
  • Mark (podz)

    (@podz)

    Support Maven

    In Firefox, the header is right at the top of the screen.
    You have some issues in IE though ….

    Darcie

    (@darcie)

    check the

    #rap { in your CSS

    Darcie

    (@darcie)

    Sorry to report ..

    IE6 is horrible looking
    Everything but the header shifted over to the RIGHT like a 100000000px.

    Love the Chemo hat! A fellow knitter. Hooray!

    halfandhalf

    (@halfandhalf)

    I know… it stinks in IE. I’m miserable with this…. any suggestions? Thanks on the knitting! I think the template I used to make mine was a little screwy. I’ll check the #rap.

    halfandhalf

    (@halfandhalf)

    it’s not the #rap….
    #rap {
    position: absolute;
    margin: 0px 0px 0px 0px !important;
    padding: 0px 0px 0px 0px;
    text-align: left top;
    width: 996px;
    }

    Darcie

    (@darcie)

    expand this to 900 instead of
    width: 760px;

    try that for a quick fix

    or get rid of the width comletely

    halfandhalf

    (@halfandhalf)

    this = the header width?

    that would just move it over. it needs to be top left aligned.

    see: http://halfandhalf.org/wordpress/index.php

    Darcie

    (@darcie)

    background image top left

    not text image

    halfandhalf

    (@halfandhalf)

    hey, closer!

    halfandhalf

    (@halfandhalf)

    at least in safari…. IE’s a wreck.

    Darcie

    (@darcie)

    ok… I will let you catch up to me, vice versa

    halfandhalf

    (@halfandhalf)

    OK, I added “left” to the background image. Is that what you meant?

    #header {
    width: 760px;
    position: absolute;
    background: url(images/header_final.jpg) no-repeat top left;
    margin: 0px ! important;
    padding: 0px ! important;
    font: 35px Georgia, Arial, Serif;
    letter-spacing: -1px;
    height:199px;
    }

    Darcie

    (@darcie)

    Just got into your CSS

    margin: 180px 0px 0px 200px;

    this does not look right… may be your IE prob

    Darcie

    (@darcie)

    yep…

    take out the letterspacing…. unless there are words you are manipulating

    halfandhalf

    (@halfandhalf)

    hmm…. yes. I was staggering the letters.

Viewing 15 replies - 1 through 15 (of 40 total)
  • The topic ‘top align header image’ is closed to new replies.