need help with IE6 position absolute hack (4 posts)

  1. Mike
    Posted 5 years ago #

    having a problem in IE6 with the text in my header image sliding way down to the bottom of the website. i've looked into a fix, but i'm getting information overload as there seem to be some different issues with the IE6 position bugs in CSS, so i'm not sure what to make of it. wondering if anyone could suggest a quick hack for this situation.

    site is: http://bit.ly/hHdIDZ

    my CSS for the text in the header is:

    .custom #headerimage .header-text {
    	position: absolute;
            bottom: 88px;
            left: 42px;
            list-style: none;
            font-size: 16px;
            line-height: 150%
            z-index: 500;

    HTML for the header is:

    <div id ="headerimage" ><img src="http://www.vitalinternetventures.com/img/header-image.jpg" alt="header image" />
    <li class="social-li" ><img src="http://www.vitalinternetventures.com/img/contact.gif" alt="contact" /></li>
    <ul class="header-text">
    <li><strong>Marketing Consulting</strong></li>
    <li><strong>Website Design</strong></li>
    <li><strong>Search Engine Optimization</strong></li>
    <li><strong>Domain Names</strong></li>
    <li><strong>Channel Marketing</strong></li>


  2. Root
    Posted 5 years ago #

    make sure u use position: relative in its parent container

  3. Mike
    Posted 5 years ago #

    thanks Root. i think i did that. i have the following. i'm thinking this would be the parent container, no?

    .custom #headerimage {
    position: relative;
    top: -22px;
    left: 0em;
  4. Root
    Posted 5 years ago #

    that is it.........

Topic Closed

This topic has been closed to new replies.

About this Topic


No tags yet.