IE7 footer disappears

Discussion in 'CSS' started by andreyp, Feb 11, 2011.

  1. #1
    Hi all,

    http://medicalactive.co.uk/

    In IE7, when I put mouse over the "your details are protected" tool tip at the bottom of green form, my footer background disappears.

    Any ideas?

    Thank you
     
    andreyp, Feb 11, 2011 IP
  2. Cash Nebula

    Cash Nebula Peon

    Messages:
    1,197
    Likes Received:
    67
    Best Answers:
    0
    Trophy Points:
    0
    #2
    Don't know if this will fix it but seems relevant. There is a missing closing span tag in this line (added in red):
    
    <a href="#" class="priv">Your details are protected<span class="dec">We are registered and comply with <br/>the Data Protection Act (1998)[COLOR="red"]</span>[/COLOR]</a>
    
    Code (markup):
     
    Cash Nebula, Feb 11, 2011 IP
  3. andreyp

    andreyp Member

    Messages:
    43
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    41
    #3
    Thanks heaps. it worked.
     
    andreyp, Feb 11, 2011 IP
  4. radiant_luv

    radiant_luv Peon

    Messages:
    1,327
    Likes Received:
    34
    Best Answers:
    1
    Trophy Points:
    0
    #4
    Cheers Nebula.

    @OP, If you had validated using w3c validator you would have fixed it much earlier without even posting at DP. My suggestion is use validator.
     
    radiant_luv, Feb 13, 2011 IP
  5. Cash Nebula

    Cash Nebula Peon

    Messages:
    1,197
    Likes Received:
    67
    Best Answers:
    0
    Trophy Points:
    0
    #5
    On that point, do you know of a tool that specifically finds extra tags? I have been looking for one but found nothing so far.
    I want something that works like Firebug and shows where all the misplaced tags are. Wishful thinking perhaps but I want it ASAP :D
     
    Cash Nebula, Feb 14, 2011 IP
  6. srisen2

    srisen2 Peon

    Messages:
    359
    Likes Received:
    2
    Best Answers:
    0
    Trophy Points:
    0
    #6
    Span in ie always causes problems i stay away from it because of this
     
    srisen2, Feb 14, 2011 IP
  7. andreyp

    andreyp Member

    Messages:
    43
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    41
    #7
    I've got another IE7 issue for you guys if you don't mind.

    http://toplifecover.co.uk/ - press Search Now button and on the next page the button is shifted upwards a little. (as per here http://toplifecover.co.uk/images/ie7.jpg)

    Here is the css class for this button. I've added "position:absolute" and it fixed the issue in other browsers but not IE7.

    form#final-step input#fin-sub{
    width:115px;
    height:125px;
    margin-top:88px;
    border:none;
    cursor:pointer;
    background:url('img/fin-sub.png') -30px -1px no-repeat;
    position:absolute;
    }

    any ideas?
     
    andreyp, Feb 19, 2011 IP