IE/FF difference, how to fix for IE

  • I am modifying a theme for my site to incorporate a logo I am going to be getting.

    I like how it looks in Firefox, but in IE it’s chopping off the logo. ?? Ugh! Been fighting with the CSS for a few hours now and I do believe I need help.

    https://www.collierescueut.org/blog/

    What can I do to make the IE look like the FF?
    Thanks!
    Cynthia

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

  • IE is going into quirks mode because you’re using deprecated HTML:

    <font size=27 face="Lucida Calligraphy, Verdana" color=#FFFFFF>Utah Collie Rescue</font>

    You should use the <h1> tag that’s just above and style that tag accordingly using CSS.

    You should also abolutely position your logo, and define the image width and height. Replace #blogtitle in your CSS with this:

    ‘#blogtitle
    {
    position: absolute;
    width: 360px;
    height: 288px;
    top: 10px;
    left: 10px;
    display: block;
    color: #C3DEF1;
    border-style:solid;
    background: url(img/sheltierescue.jpg) no-repeat;
    }`

    Let me know how this works.

    Thread Starter cynthiablue

    (@cynthiablue)

    Thanks so much for your reply!
    These style sheets are confusing me, I just try to learn as I go.

    I replaced the blogtitle with your, and I moved the title text back into the <h1> tag (it was messing me up before, that’s why I moved it below), and it’s not quite right… but it does look the same in IE and FF.

    As you’ll see, I’d prefer to have the logo in the background, and the main content below and just in front.

    Thanks, and I hope you’ll not minding looking and helping a bit more! I will leave this up for tonight.
    Cynthia

    Thread Starter cynthiablue

    (@cynthiablue)

    Thanks so much for your reply!
    These style sheets are confusing me, I just try to learn as I go.

    I replaced the blogtitle with your, and I moved the title text back into the <h1> tag (it was messing me up before, that’s why I moved it below), and it’s not quite right… but it does look the same in IE and FF.

    As you’ll see, I’d prefer to have the logo in the background, and the main content below and just in front.

    Thanks, and I hope you’ll not minding looking and helping a bit more! I will leave this up for tonight.
    Cynthia

    Hi Cynthia,

    Contact me at ncmccance AT comcast DOT com. I can help you further.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘IE/FF difference, how to fix for IE’ is closed to new replies.