Logo disappear in IE6

Discussion in 'CSS' started by eksplayer, May 1, 2007.

  1. #1
    eksplayer, May 1, 2007 IP
  2. semantic7

    semantic7 Member

    Messages:
    92
    Likes Received:
    5
    Best Answers:
    0
    Trophy Points:
    48
    #2
    semantically speaking the code for the logo should be up top and not in the bottom as you have it. The Logo does not appear in IE7 either.
     
    semantic7, May 1, 2007 IP
  3. eksplayer

    eksplayer Peon

    Messages:
    16
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #3
    The reason for that is that I want the content to appear first.

    http://www.delorie.com/web/lynxview.html

    This way the first thing google and other search-engines meets is the most important on the page - the textcontent

    Not the logo or the menu - but the content
     
    eksplayer, May 1, 2007 IP
  4. Darkhodge

    Darkhodge Well-Known Member

    Messages:
    2,111
    Likes Received:
    76
    Best Answers:
    1
    Trophy Points:
    185
    #4
    I'm not sure if this is something you would consider doing but the problem could be solved if you move the logo div outside of the container div:

    
    ...continued...
        <div id="left">
            <div id="menu">Menu</div>
            <div id="news">News</div>
            <div id="related">Related</div>
        </div>
    <div id="footer"></div>
    </div>
    <div class="logo"><a href="#" target="_parent"><img src="gfx/logo.gif" alt="Home" border="0" title="Home" /></a></div>
    
    Code (markup):
    You can then use css to move the logo into the correct place, for example width 790, aligned in the center, with contents aligned to the left.

    I'm not great with css so I'm not sure why the problem occured but this seems to be 1 solution. I tried in both FF and IE7 and this works.
     
    Darkhodge, May 1, 2007 IP
  5. eksplayer

    eksplayer Peon

    Messages:
    16
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #5
    Sounds great, but I'm not sure on how to write the css to place the logo. Can I see your css for placing the logo?
     
    eksplayer, May 1, 2007 IP
  6. clicyu

    clicyu Peon

    Messages:
    22
    Likes Received:
    3
    Best Answers:
    0
    Trophy Points:
    0
    #6
    you need only to put z-index:10; on .logo:
    .logo {
    z-index:10;
    left:35px;
    position:absolute;
    top:30px;
    }
    have a great day!
     
    clicyu, May 5, 2007 IP
  7. eksplayer

    eksplayer Peon

    Messages:
    16
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #7
    thanks, I will try it...
     
    eksplayer, May 7, 2007 IP