text alignment in IE6

  • purepix

    (@purepix)


    14 years, 8 months ago

    I’ve created a site http://www.zinalskichalets.com using the twenty eleven theme.
    For the main content of most pages, I’ve created it in dreamweaver and then pasted it in to wordpress.
    Everything seems to work fine in most web browsers, but with IE6 (and I think firefox) on the home page, the text on the right hand side won’t stay at the top, instead it starts half way down the page.
    How can I get it to start at the top so it’s lined up with the top of the slideshow on the left.
    Many thanks
    Ivor

Viewing 3 replies - 1 through 3 (of 3 total)
  • esmi

    (@esmi)

    14 years, 8 months ago

    Remove line-height: 120px; from:

    #site-title {
    background-image: url("http://www.zinalskichalets.com/images/zinallogosmall.jpg");
    background-repeat: no-repeat;
    float: left;
    font-size: 1px;
    line-height: 120px;
    margin-right: 270px;
    padding: 10em 0 0;
    text-indent: -999em;
    width: 660px;
}
    Thread Starter purepix

    (@purepix)

    14 years, 8 months ago

    Thank you for your time Esmi.
    You’ve noticed the logo being half hidden, I was going to ask about this after I got the text issue sorted.
    I took out the line height part like you suggested (from twenty eleven child), but then the logo gets half covered in IE8 (not sure about any other versions). Am I doing something wrong?
    Any ideas about the text on the left not starting at the top?

    Thanks

    esmi

    (@esmi)

    14 years, 8 months ago

    If you’re having problems with the different versions of IE, have a look at using conditional comment CSS.

    Any ideas about the text on the left not starting at the top?

    Yes – that’s what removing the line-height corrects.

Viewing 3 replies - 1 through 3 (of 3 total)

The topic ‘text alignment in IE6’ is closed to new replies.