Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 8 of 8
  1. #1
    Regular Coder
    Join Date
    Jul 2009
    Posts
    152
    Thanks
    8
    Thanked 0 Times in 0 Posts

    the tab's li content shows abnormal under IE7

    the link: http://xanlz.com/test/one.html

    the css:

    Code:
    .codepg-tabtp{
        border: 1px solid #94D5ED;
        height: 256px;
        margin-top: 10px;
        padding: 1px;
        width: 766px;
    }
    #tabs-content ul, ul.item-list, .hot-version .list-content {
        padding: 3px 0 0 7px;
    }.....
    http://www.codingforums.com/attachme...1&d=1312341778

    but under firefox. it works ok. how to correct it. thank you.
    Attached Thumbnails Attached Thumbnails the tab's li content shows abnormal under IE7-ks4xr.jpg  

  • #2
    Registered User
    Join Date
    Jun 2011
    Posts
    1,063
    Thanks
    12
    Thanked 241 Times in 240 Posts
    Code:
    ul.item-list li a{
        display: block;
        float: left;
         margin-left: 5px;
        overflow: hidden;
        width: 310px;
    }
    taking away overflow: hidden; seems to do the trick. maybe setting it to overflow: visible; in an ie7 stylesheet or even using

    Code:
    ul.item-list li a {
     _overflow: visible;
    }
    would be your best option

  • #3
    Regular Coder
    Join Date
    Jul 2009
    Posts
    152
    Thanks
    8
    Thanked 0 Times in 0 Posts
    i am sorry. it's can't work. although i took away overflow: hidden;

  • #4
    Registered User
    Join Date
    Jun 2011
    Posts
    1,063
    Thanks
    12
    Thanked 241 Times in 240 Posts



  • Users who have thanked Sammy12 for this post:

    runeveryday (08-03-2011)

  • #5
    Regular Coder
    Join Date
    Jul 2009
    Posts
    152
    Thanks
    8
    Thanked 0 Times in 0 Posts
    got it, many thanks.


    ul.item-list li a {
    _overflow: visible;
    }

    it is used for hacking IE6. i changed to +overflow: visible; it's ok now.

  • #6
    Regular Coder
    Join Date
    Jul 2009
    Posts
    152
    Thanks
    8
    Thanked 0 Times in 0 Posts
    could you tell me why the overflow: hidden makes it abnormal under IE7?

  • #7
    Registered User
    Join Date
    Jun 2011
    Posts
    1,063
    Thanks
    12
    Thanked 241 Times in 240 Posts
    you know I honestly have no clue at this point since ie's inspect element is terrible. I think the code you used to layout this portion of your website is not a 100% correct, therefore differences between browsers will appear in the future. i took a look at ie7 as well as ie8 and its definetly not a 100% the same.

    Ill you could upload the fixed versions, i or someone else could take a look and try to find some things. you may have used some css that isn't ie7 supported. that's my only guess at this point

    just a word of caution:

    Code:
    _overflow: hidden;
    will only be implemented in ie versions. however i believe your site was fine in ie9. so you may want to consider an ie7 stylesheet

    Code:
    <!--[if IE 7]>
    <style type="text/css">
     <!-- overflow: visible code -->
    </style>
    <![endif]-->
    Last edited by Sammy12; 08-03-2011 at 07:53 AM.

  • #8
    Registered User
    Join Date
    Jun 2011
    Posts
    1,063
    Thanks
    12
    Thanked 241 Times in 240 Posts
    okay so I looked at your code. I think if you defined a width to the li's it would fix the problem.

    right now your floating one li to the left and the other to the right, while content underneath those will seep through the crack between the two. once the li's have a height, there will be no space left

    try adding this code to your original code:

    Code:
    ul.item-list li {
     clear: both;
     width: 347px;
    }


  •  

    Posting Permissions

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