How do I fix a display/format issue for IE?

Discussion in 'Blogging' started by tmbots, Aug 6, 2005.

0
  1. #1
    Using IE 6.0 and Netscape 7.1, our blog appears/displays just fine. Someone yesterday with IE (not sure what version) said our blog only displayed a few text characters in a messed-up display. How do we fix our template (shown below) to solve this display issue? Thank you for your help.

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

    <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
    <head>
    <title><$BlogPageTitle$></title>

    <$BlogMetaData$>

    <style type="text/css">
    /*
    -----------------------------------------------
    Blogger Template Style
    Name: Minima
    Designer: Douglas Bowman
    URL: www.stopdesign.com
    Date: 26 Feb 2004
    ----------------------------------------------- */


    body {
    background:#fff;
    margin:0;
    padding:40px 20px;
    font:x-small Georgia,Serif;
    text-align:center;
    color:#333;
    font-size/* */:/**/small;
    font-size: /**/small;
    }
    a:link {
    color:#58a;
    text-decoration:none;
    }
    a:visited {
    color:#969;
    text-decoration:none;
    }
    a:hover {
    color:#c60;
    text-decoration:underline;
    }
    a img {
    border-width:0;
    }


    /* Header
    ----------------------------------------------- */
    #header {
    width:660px;
    margin:0 auto 10px;
    border:1px solid #ccc;
    }
    #blog-title {
    margin:5px 5px 0;
    padding:20px 20px .25em;
    border:1px solid #eee;
    border-width:1px 1px 0;
    font-size:200%;
    line-height:1.2em;
    font-weight:normal;
    color:#666;
    text-transform:uppercase;
    letter-spacing:.2em;
    }
    #blog-title a {
    color:#666;
    text-decoration:none;
    }
    #blog-title a:hover {
    color:#c60;
    }
    #description {
    margin:0 5px 5px;
    padding:0 20px 20px;
    border:1px solid #eee;
    border-width:0 1px 1px;
    max-width:700px;
    font:78%/1.4em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
    text-transform:uppercase;
    letter-spacing:.2em;
    color:#999;
    }


    /* Content
    ----------------------------------------------- */
    #content {
    width:660px;
    margin:0 auto;
    padding:0;
    text-align:left;
    }
    #main {
    width:660px;
    float:left;
    }



    /* Headings
    ----------------------------------------------- */
    h2 {
    margin:1.5em 0 .75em;
    font:78%/1.4em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
    text-transform:uppercase;
    letter-spacing:.2em;
    color:#999;
    }


    /* Posts
    ----------------------------------------------- */
    .date-header {
    margin:1.5em 0 .5em;
    }
    .post {
    margin:.5em 0 1.5em;
    border-bottom:1px dotted #ccc;
    padding-bottom:1.5em;
    }
    .post-title {
    margin:.25em 0 0;
    padding:0 0 4px;
    font-size:140%;
    font-weight:normal;
    line-height:1.4em;
    color:#c60;
    }
    .post-title a, .post-title a:visited, .post-title strong {
    display:block;
    text-decoration:none;
    color:#c60;
    font-weight:normal;
    }
    .post-title strong, .post-title a:hover {
    color:#333;
    }
    .post div {
    margin:0 0 .75em;
    line-height:1.6em;
    }
    p.post-footer {
    margin:-.25em 0 0;
    color:#ccc;
    }
    .post-footer em, .comment-link {
    font:78%/1.4em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
    text-transform:uppercase;
    letter-spacing:.1em;
    }
    .post-footer em {
    font-style:normal;
    color:#999;
    margin-right:.6em;
    }
    .comment-link {
    margin-left:.6em;
    }
    .post img {
    padding:4px;
    border:1px solid #ddd;
    }
    .post blockquote {
    margin:1em 20px;
    }
    .post blockquote p {
    margin:.75em 0;
    }


    /* Comments
    ----------------------------------------------- */
    #comments h4 {
    margin:1em 0;
    font:bold 78%/1.6em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
    text-transform:uppercase;
    letter-spacing:.2em;
    color:#999;
    }
    #comments h4 strong {
    font-size:130%;
    }
    #comments-block {
    margin:1em 0 1.5em;
    line-height:1.6em;
    }
    #comments-block dt {
    margin:.5em 0;
    }
    #comments-block dd {
    margin:.25em 0 0;
    }
    #comments-block dd.comment-timestamp {
    margin:-.25em 0 2em;
    font:78%/1.4em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
    text-transform:uppercase;
    letter-spacing:.1em;
    }
    #comments-block dd p {
    margin:0 0 .75em;
    }
    .deleted-comment {
    font-style:italic;
    color:gray;
    }


    /* Sidebar Content
    ----------------------------------------------- */
    #sidebar ul {
    margin:0 0 1.5em;
    padding:0 0 1.5em;
    border-bottom:1px dotted #ccc;
    list-style:none;
    }
    #sidebar li {
    margin:0;
    padding:0 0 .25em 15px;
    text-indent:-15px;
    line-height:1.5em;
    }
    #sidebar p {
    color:#666;
    line-height:1.5em;
    }


    /* Profile
    ----------------------------------------------- */
    #profile-container {
    margin:0 0 1.5em;
    border-bottom:1px dotted #ccc;
    padding-bottom:1.5em;
    }
    .profile-datablock {
    margin:.5em 0 .5em;
    }
    .profile-img {
    display:inline;
    }
    .profile-img img {
    float:left;
    padding:4px;
    border:1px solid #ddd;
    margin:0 8px 3px 0;
    }
    .profile-data {
    margin:0;
    font:bold 78%/1.6em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
    text-transform:uppercase;
    letter-spacing:.1em;
    }
    .profile-data strong {
    display:none;
    }
    .profile-textblock {
    margin:0 0 .5em;
    }
    .profile-link {
    margin:0;
    font:78%/1.4em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
    text-transform:uppercase;
    letter-spacing:.1em;
    }


    /* Footer
    ----------------------------------------------- */
    #footer {
    width:660px;
    clear:both;
    margin:0 auto;
    }
    #footer hr {
    display:none;
    }
    #footer p {
    margin:0;
    padding-top:15px;
    font:78%/1.6em "Trebuchet MS",Trebuchet,Verdana,Sans-serif;
    text-transform:uppercase;
    letter-spacing:.1em;
    }
    </style>

    </head>

    <body>

    <div id="header">

    <h1 id="blog-title">
    <ItemPage><a href="<$BlogURL$>"></ItemPage>
    <$BlogTitle$>
    <ItemPage></a></ItemPage>
    </h1>
    <p id="description"><$BlogDescription$></p>

    </div>

    <!-- Begin #content -->
    <div id="content">


    <!-- Begin #main -->
    <div id="main"><div id="main2">

    <Blogger>

    <BlogDateHeader>
    <h2 class="date-header"><$BlogDateHeaderDate$></h2>
    </BlogDateHeader>



    <!-- Begin .post -->
    <div class="post"><a name="<$BlogItemNumber$>"></a>
    <BlogItemTitle>
    <h3 class="post-title">
    <BlogItemUrl><a href="<$BlogItemUrl$>" title="external link"></BlogItemUrl>
    <$BlogItemTitle$>
    <BlogItemUrl></a></BlogItemUrl>
    </h3>
    </BlogItemTitle>

    <div class="post-body">
    <div>
    <$BlogItemBody$>
    </div>
    </div>

    <p class="post-footer">
    <em>posted by <$BlogItemAuthorNickname$> at <a href="<$BlogItemPermalinkUrl$>" title="permanent link"><$BlogItemDateTime$></a></em>
    <MainOrArchivePage><BlogItemCommentsEnabled>

    <a class="comment-link" href="<$BlogItemPermalinkURL$>#comments"><$BlogItemCommentCount$> comments</a>
    </BlogItemCommentsEnabled></MainOrArchivePage> <$BlogItemControl$>
    </p>

    </div>
    <!-- End .post -->



    <!-- Begin #comments -->
    <ItemPage>
    <div id="comments">

    <BlogItemCommentsEnabled><a name="comments"></a>
    <h4><$BlogItemCommentCount$> Comments:</h4>
    <dl id="comments-block">
    <BlogItemComments>
    <dt class="comment-poster" id="c<$BlogCommentNumber$>"><a name="c<$BlogCommentNumber$>"></a>
    <$BlogCommentAuthor$> said...
    </dt>
    <dd class="comment-body">

    <p><$BlogCommentBody$></p>
    </dd>
    <dd class="comment-timestamp"><a href="#<$BlogCommentNumber$>" title="comment permalink"><$BlogCommentDateTime$></a>
    <$BlogCommentDeleteIcon$>
    </dd>
    </BlogItemComments>
    </dl>
    <p class="comment-timestamp">

    <$BlogItemCreate$>
    </p>
    </BlogItemCommentsEnabled>
    <p class="comment-timestamp">
    <a href="<$BlogURL$>">&lt;&lt; Home</a>
    </p>
    </div>

    </ItemPage>

    <!-- End #comments -->

    </Blogger>
    </div></div>
    <!-- End #main -->







    </div>
    <!-- End #content -->



    <!-- Begin #footer -->
    <div id="footer"><hr />
    <p><!--This is an optional footer. If you want text here, place it inside these tags, and remove this comment. -->&nbsp;</p>

    </div>
    <!-- End #footer -->



    </body>
    </html>
     
    tmbots, Aug 6, 2005 IP
  2. Dji-man

    Dji-man Peon

    Messages:
    185
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    0
    #2
    it looks fine here with IE6 and Moz1.7.11/FF.

    Have you tried contacting that user to ask him which version of IE+OS he uses? That would help.

    BTW, Netscape 7.1 is quite old (Moz 1.4, I think). You should really update to FF 1.06.
     
    Dji-man, Aug 6, 2005 IP
  3. goalkick

    goalkick Peon

    Messages:
    292
    Likes Received:
    6
    Best Answers:
    0
    Trophy Points:
    0
    #3
    goalkick, Nov 21, 2005 IP