A Flash Developer Resource Site

Results 1 to 3 of 3

Thread: CSS div problem, header and footer image

  1. #1
    Member
    Join Date
    Jul 2006
    Location
    Aberdeen, UK
    Posts
    39

    CSS div problem, header and footer image

    Hey!

    Im having a problem with my div style for my header div and my footer div.

    These are the styles in my css:

    .div.footer
    {
    background-color: #73BF1F;
    width: 100%;
    height: 35px;
    position: absolute;
    border:1px solid green;
    top: 665px;
    right: 0px;
    left: 5px;
    }

    .div.header
    {
    background-image : url(../images/toolbar.jpg);
    background-color: #FFE000;
    background-repeat: repeat-y;
    position: absolute;
    border:1px solid green;
    width : 100%;
    height : 48px;
    top : 0px;
    left : 5px;
    right :0px;
    visibility: visible;
    }

    Does anyone know why it would show up in IE6 but not IE7?

    thanks for any help

    Dan

  2. #2
    Senior Member catbert303's Avatar
    Join Date
    Aug 2001
    Location
    uk
    Posts
    11,222
    Hi,

    the CSS selectors .div.header and .div.footer don't look quite right. Or at least I think they may be doing something different than you're expecting,

    .div.header { }

    should select elements in the page that have both the class name div and header. For example,

    <p class="div header">This paragraph has the class names div and header, it would be selected by the selector .div.header</p>

    if you want to select div elements with the class name header you would simply remove the leading .

    div.header {
    /* css rules here */
    }

    <div class="header">This would be selected by div.header</div>

    Hope this helps

    I guess this is one of the CSS parsing bugs that was fixed between IE 6 and IE 7.

  3. #3
    Member
    Join Date
    Jul 2006
    Location
    Aberdeen, UK
    Posts
    39
    Thanks!

    Thats it working now!

    Hopefully thats my first site with div's fully working now.

    thanks again

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  




Click Here to Expand Forum to Full Width

HTML5 Development Center