Jump to content

blog feed problem in IE6

- - - - -
Started by Croushored, Jan 07 2010 03:15 PM

This topic has been archived. This means that you cannot reply to this topic.
6 replies to this topic

#1
Croushored
Posted 07 January 2010 - 03:15 PM

Croushored

    Newbie

  • Members
  • Pip
  • 6 posts
Hi all,

I have no experience designing any kind of web page, but I put one up for my wedding and I'm having trouble with the formatting in IE6.

The page looks great in firefox, but in IE, the post feed is not in the right place.

You can see the page at www (dot) davidandmaggiecroushore (dot) com

How do I fix this problem?

#2
James.H
Posted 07 January 2010 - 03:17 PM

James.H

    Programming God

  • Members
  • PipPipPipPipPipPipPip
  • 866 posts
Where is the post feed in general ? I can't see it in FF
Write a Blog

#3
Croushored
Posted 07 January 2010 - 03:34 PM

Croushored

    Newbie

  • Members
  • Pip
  • 6 posts
I have it set to show only 1 post per page so that it acts like a website. The index on the right contains the permalink of each post. I was trying to disguise the fact that it was a blogsite.

The title, description, and index are the same in FF and IE, but the post content skews way down in IE.

Everything between the double lines is the "feed"

#4
James.H
Posted 07 January 2010 - 03:46 PM

James.H

    Programming God

  • Members
  • PipPipPipPipPipPipPip
  • 866 posts
Yes I see the issue.

This is what I see in IE 8

Posted Image

Could you post the index.php code here please ? It will be easier us to help see what the issue is.
Write a Blog

#5
Croushored
Posted 07 January 2010 - 03:50 PM

Croushored

    Newbie

  • Members
  • Pip
  • 6 posts
The code for the site is a theme I installed on Tumblr. Here is the code that I am using to customize it:

<html>

    <head>

        <title>{Title}</title>

        <link rel="shortcut icon" href="{Favicon}">

        <link rel="alternate" type="application/rss+xml" href="{RSS}">


        <meta name="description" content="{MetaDescription}"/>

        <meta name="text:Background Position" content="top left"/>

        <meta name="text:Background Repeat" content="repeat"/>

        <meta name="text:Background Attachment" content="fixed"/>

        <meta name="if:Show People I Follow" content="1"/>

        <meta name="text:Name of Tumbleroll" content="Following"/>

        <meta name="if:Show Tags" content="1"/>

        <meta name="text:Board Position" content="fixed"/>

        <meta name="text:Theme Font" content="Helvetica, Tahoma, sans-serif"/>


        <meta name="color:background" content="#ffffff"/>

        <meta name="color:board font" content="#555555"/>

        <meta name="color:text font" content="#555555"/>

        <meta name="color:photo font" content="#555555"/>

        <meta name="color:quote font" content="#555555"/>

        <meta name="color:link font" content="#c80e6c"/>

        <meta name="color:chat font" content="#c80e6c"/>

        <meta name="color:chat line" content="#eeeeee"/>

        <meta name="color:chat line 2" content="#eeeeee"/>

        <meta name="color:audio font" content="#555555"/>

        <meta name="color:video font" content="#c80e6c"/>

        <meta name="color:border line" content="#222222"/>

        <meta name="color:normal link" content="#f5e1ee"/>

        <meta name="color:hover link" content="#ffffff"/>

        <meta name="color:title link" content="#c80e6c"/>

        <meta name="color:title hover" content="#555555"/>

        <meta name="color:notes font" content="#805A8F"/>

        <meta name="color:note line" content="#ffffff"/>

        <meta name="color:note line 2" content="#c80e6c"/>

        <meta name="color:bookmark" content="#c80e6c"/>

    </head>



    <style type="text/css">

    

        body   {background:{color:background};font-family:{text:theme font};font-size:10;

                background-image: url(" <!--link removed--> ");

                background-position:{text:background position};

                background-repeat:{text:background repeat};

                background-attachment:{text:background attachment;};}


        #grid  {margin:auto;width:850;padding:10 0 40 0; background:{color:background}}


        #board {margin-left:580;position:{text:board position};width:240;height:0;

                color:{color:board font};}

        .title {font-size:36; font-style:Tahoma}

        .nav   {border-bottom:double 6px {color:border};margin-top:-10; text-align:justify;}

        .desc  {font-size:12; text-align:center; border-bottom:double 6px {color:border line};}

        .index {color:{color:index}; text-align:center; double 6px {color:border line};}

      .index a {float:left;padding-left:5;font-weight:bold;}

       .follow {font-weight:bold;border-top:double 6px {color:border line};}


        #feed  {margin-left:20; width:500;text-align:justify;padding:54 0 50 0;}

        .text  {font-size:14; border-top:double 6px {color:border line}; border-bottom:double 6px {color:border line};color:{color:text font};}

       .photo  {border-bottom:double 6px {color:border line};color:{color:photo font};}


        .quote  {border-bottom:double 6px {color:border line};color:{color:quote font};}

    .quotation  {font-size:20;text-align:center;}

       .source {text-align:right;font-size:14;font-weight:light;}

        .link  {border-bottom:double 6px {color:border line};color:{color:link font};}


        .chat   {border-bottom:double 6px {color:border line};color:{color:chat font};}

       .chat ul {padding: 0px;margin:0px;}

    .chat ul li {list-style: none;padding: 5px;margin: 0px;}

        .label  {font-weight: ;}

        li.odd  {background: {color:Chat Line};}

        li.even {background: {color:Chat Line 2};}


       .audio  {border-bottom:double 3px {color:border line};color:{color:audio font};}

       .video  {border-bottom:double 3px {color:border line};color:{color:video font};}


         .tag  {display:inline;font-weight: ;font-size:11;text-align:right;padding-right:5;}

     .perma  p {font-size:11; font-color:000000; font-weight:bold;text-align:right;padding-bottom:20;margin-top:0;}


       .notes {list-style-type:none; color:{color:notes font};font-weight:none;padding:0px;}

       .notes li:nth-child(odd) {background:{color:note line};padding:5;}

       .notes li:nth-child(even) {background:{color:note line 2};padding:5;}


        a:link {color:{color:normal link};text-decoration:none;}

      a:active {color:{color:normal link};text-decoration:none;}

     a:visited {color:{color:normal link};text-decoration:none;}

       a:hover {color:{color:hover link};text-decoration:line-through;}


   .title a:link {color:{color:title link};text-decoration:none;}

 .title a:active {color:{color:title link};text-decoration:none;}

.title a:visited {color:{color:title link};text-decoration:none;}

  .title a:hover {color:{color:title hover};text-decoration:none;}


{block:PermalinkPage} 

{/block:PermalinkPage}


{CustomCSS}


    </style>


    <body>

    

    <div id="grid">


        <p><div class="title" al><center><a href="/page/1">{Title}</a></center></div></p>


        <div id="board">

               

            <div class="desc"><p>{Description}</p></div>


            <div class="index">

                  

              <p>Links removed</p>

                 

            </div>


           

        </div>


            <div id="feed">

            <div id="posts">


            {block:Posts}


                {block:Text}

                        <div class="text">

                        {block:Title}

                            <p><h1><a href="{Permalink}">{Title}</a></h1></p>

                        {/block:Title}

                        {Body}


                        {block:ifshowtags}

                        <p>{block:HasTags}{block:Tags}

                               <a class="tag" href="{TagURL}">{Tag}</a>

                        {/block:Tags}{/block:HasTags}</p>

                        {/block:ifshowtags}

                        </div>

                {/block:Text}


                {block:Photo}

                        <div class="photo">

                        <p>{LinkOpenTag}

                          <img src="{PhotoURL-500}" border="0" alt="{PhotoAlt}" border="0"/>

                        {LinkCloseTag}</p>

                        {block:Caption}

                            <p>{Caption}</p>

                        {/block:Caption}


                        {block:ifshowtags}

                        <p>{block:HasTags}{block:Tags}

                               <a class="tag" href="{TagURL}">{Tag}</a>

                        {/block:Tags}{/block:HasTags}</p>

                        {/block:ifshowtags}

                        </div>

                {/block:Photo}


                {block:Quote}

                        <div class="quote">

                        <p><div class="quotation"><i>"{Quote}"</i></div></p>

                        {block:Source}

                            <p><div class="source">{Source}</div></p>

                        {/block:Source}


                        {block:ifshowtags}

                        <p>{block:HasTags}{block:Tags}

                               <a class="tag" href="{TagURL}">{Tag}</a>

                        {/block:Tags}{/block:HasTags}</p>

                        {/block:ifshowtags}

                        </div>

                {/block:Quote}


                {block:Link}

                        <div class="link">

                        <h3><a href="{URL}" {Target}>{Name}</a></h3>

                        {block:Description}

                            <p>{Description}</p>

                        {/block:Description}


                        {block:ifshowtags}

                        <p>{block:HasTags}{block:Tags}

                               <a class="tag" href="{TagURL}">{Tag}</a>

                        {/block:Tags}{/block:HasTags}</p>

                        {/block:ifshowtags}

                        </div>

                {/block:Link}


                {block:Chat}

                        <div class="chat">

	                {block:Title}<h3>{Title}</h3>{/block:Title}

	                    <p><ul>

	                    {block:Lines}

	                    <li class="{Alt}">{block:Label}

                                             <span class="label">{Label}</span>

                                             {/block:Label}

                                              {Line}

                            </li>

	                    {/block:Lines}

                            </ul></p>


                        {block:ifshowtags}

                        <p>{block:HasTags}{block:Tags}

                               <a class="tag" href="{TagURL}">{Tag}</a>

                        {/block:Tags}{/block:HasTags}</p>

                        {/block:ifshowtags}

                        </div>

                {/block:Chat}


                {block:Audio}

                    <div class="audio">

                        <p>{block:ExternalAudio}{ExternalAudioURL}{/block:ExternalAudio}

                           {audioplayergrey}                           

                        </p>

                            <p>{block:caption}{caption}{/block:caption}</p>


                        {block:ifshowtags}

                        <p>{block:HasTags}{block:Tags}

                               <a class="tag" href="{TagURL}">{Tag}</a>

                        {/block:Tags}{/block:HasTags}</p>

                        {/block:ifshowtags}

                    </div>

                {/block:Audio}


                {block:Video}

                        <div class="video">

                        <p>{Video-500}</p>

                        {block:Caption}

                            <p><div class="caption">{Caption}</div></p>

                        {/block:Caption}


                        {block:ifshowtags}

                        <p>{block:HasTags}{block:Tags}

                               <a class="tag" href="{TagURL}">{Tag}</a>

                        {/block:Tags}{/block:HasTags}</p>

                        {/block:ifshowtags}

                        </div>

                {/block:Video}


            

            {block:PostNotes}{PostNotes}{/block:PostNotes}


            {/block:Posts}

            

            </div>

            </div>

   


    </div>


    </body>

</html>

#6
James.H
Posted 07 January 2010 - 04:31 PM

James.H

    Programming God

  • Members
  • PipPipPipPipPipPipPip
  • 866 posts
hmm.. I can't see the issue with the above code. Can anyone else ?

Might be a template issue, is it using any other files for that ?
Write a Blog

#7
WingedPanther
Posted 07 January 2010 - 07:25 PM

WingedPanther

    A spammer's worst nightmare

  • Moderators
  • 16,831 posts
IE6 has very bad support for CSS, which you are using heavily. Also, FF and IE have different default values for padding, margins, etc.
Programming is a branch of mathematics.
My CodeCall Blog | My Personal Blog
Back to HTML Programming




  1. CODECALL Programming Forum
  2. → Web Development Forum
  3. → HTML Programming
IPB skins by Skinbox