CSS Issue with IE

  • Streetwise

    (@streetwise)


    20 years, 7 months ago

    I have a blog page at http://www.jesuscreed.org that looks great in Firefox, but falls apart in IE 6.

    My index page is:

    <body>

    <div class=”wrapper”>

    <div class=”header”>
    <div class=”blogTitle”>“>
    <div class=”home”>
    Home</div>
    </div>
    </div>

    <div class=”content”>

    My CSS style is:

    wrapper {
    margin-left: auto;
    margin-right: auto;
    width: 840px;
    background: center top none;
    }

    /*<group=Header>*/

    .header {
    width: 590px;
    font-family: ‘Trebuchet MS’, ‘Lucida Grande’, Verdana, Arial, Sans-Serif;
    background: no-repeat url(images/contentHead.jpg) top;
    padding-top: 70px;
    height: 79px;
    }

    .home {
    font-family: “Baskerville”, Georgia, Times, serif;
    font-size: small;
    text-align: left;
    font-weight: bold;
    width: 500px;
    margin-right: auto;
    margin-left: auto;
    padding-top: 70px;
    padding-bottom: 0px;
    }

    Any ideas as to why there is a split?

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

    (@tomhanna)

    20 years, 7 months ago

    What’s your screen resolution? It looks just fine to me in IE 6, almost identical to Firefox, at 1024×768. IE doesn’t like fixed widths, especially at lower screen resolutions, so that may be your issue.

    Monika

    (@monika)

    20 years, 7 months ago

    Streetwise
    I’ve tested your site :Win2000 IE 6.0 and Wi nXP IE 6.0 and it looks fine.
    .
    I can’t find out your problem.
    regards
    Monika

    Thread Starter Streetwise

    (@streetwise)

    20 years, 7 months ago

    That’s odd indeed! It has the same problem no matter what resolution. Also I tested it on a new PC laptop as well as a Powerbook…

    http://www.jesuscreed.org/IEissue.jpg

    This is a screen shot of what I’m seeing. Note the space created between the header image and the body image. This only happens when I insert the div=”home” tag.

    On another related item, in Firefox, the header is hot linked, where in IE, I can’t get it to link. Ideas?

    Thanks

    Dave

    yngwin

    (@yngwin)

    20 years, 7 months ago

    Check your line-height and margins for your divs and headings.

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

The topic ‘CSS Issue with IE’ is closed to new replies.