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 13 of 13
  1. #1
    Regular Coder
    Join Date
    Sep 2006
    Location
    Colorado
    Posts
    132
    Thanks
    7
    Thanked 1 Time in 1 Post

    bullet points don't show up in IE7, but do in FF2

    Can anyone tell me why the bullet points on this page don't show up in IE 7?

    http://richardsonrealtyonline.com/in...tured-listings

    I've never encountered anything like this before and I don't even know where to start.

    Thanks a lot.
    -bubbles

  • #2
    Regular Coder
    Join Date
    Sep 2007
    Location
    AZ, USA
    Posts
    685
    Thanks
    6
    Thanked 46 Times in 46 Posts
    Quote Originally Posted by CSS Codes
    #nav ul {
    list-style-image:none;
    list-style-position:outside;
    list-style-type:none;
    }
    Quote Originally Posted by W3Schools CSS List Properties
    CSS levels required for CSS List Properties by Browser:
    -IE: 4
    - FF:1
    - NS: 6
    - W3: 1
    http://www.w3schools.com/Css/css_list.asp

    Quote Originally Posted by W3 CSS Validation
    ... (CSS level 2.1) ...
    http://jigsaw.w3.org/css-validator/v...tured-listings

    It would appear that the browser CSS reccemendations could be the problem. However, tested in NS6 and works. Despite that, I'm sure its some problem having to do with the CSS list properties.
    Last edited by binaryWeapon; 05-20-2008 at 01:06 AM. Reason: smilies

  • #3
    Regular Coder
    Join Date
    Sep 2006
    Location
    Colorado
    Posts
    132
    Thanks
    7
    Thanked 1 Time in 1 Post
    I've been playing with the CSS and can't seem to fix it. I removed the list related stuff and it didn't work. Do you have any idea?
    -bubbles

  • #4
    Regular Coder
    Join Date
    Sep 2007
    Location
    AZ, USA
    Posts
    685
    Thanks
    6
    Thanked 46 Times in 46 Posts
    Wow, lol. I have it. I completely missed this in the first place.
    list-style-type:none;
    That piece of code is making IE render the list with exactly that type of bullet: none. To achieve the same effect and make it work with IE, just change it to
    Code:
    list-style-type:disc;
    Sorry I missed that at first, hope this helps.

  • #5
    Regular Coder
    Join Date
    Sep 2006
    Location
    Colorado
    Posts
    132
    Thanks
    7
    Thanked 1 Time in 1 Post
    I made that change and I still don't get bullets. I figured maybe it was loading a cached version but I did a hard refresh and I still get the same result.
    -bubbles

  • #6
    Senior Coder
    Join Date
    Nov 2003
    Location
    Minneapolis, MN
    Posts
    2,879
    Thanks
    2
    Thanked 65 Times in 56 Posts
    Are you floating the lists? Make sure to give them enough margin or padding to show the bullets; in IE the bullets will "hide" behind the element they are floated next to.

  • #7
    Regular Coder
    Join Date
    Sep 2006
    Location
    Colorado
    Posts
    132
    Thanks
    7
    Thanked 1 Time in 1 Post
    Could I put the content that the bullets are in, in a class? Then define the list to show up? That would over ride the ids yeah?
    -bubbles

  • #8
    Regular Coder
    Join Date
    Sep 2007
    Location
    AZ, USA
    Posts
    685
    Thanks
    6
    Thanked 46 Times in 46 Posts
    Yes, you could try that. Also did you check rmedek's solution? At this point I would play around with all the sizes, borders, paddings, list properties, etc effecting the list, since you've already tried several solutions that don't work.

  • #9
    New to the CF scene
    Join Date
    Aug 2008
    Posts
    1
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Quote Originally Posted by rmedek View Post
    Are you floating the lists? Make sure to give them enough margin or padding to show the bullets; in IE the bullets will "hide" behind the element they are floated next to.
    Thank You!

    I've been struggling with an issue just like this for the last hour and a half! I tried everything all the way to removing all mention of "list-style:none" from my CSS without anything working.

    Until I specified "padding-left:20px;"

    Damn IE7!

  • #10
    Senior Coder
    Join Date
    Nov 2003
    Location
    Minneapolis, MN
    Posts
    2,879
    Thanks
    2
    Thanked 65 Times in 56 Posts
    Glad it worked for you

  • #11
    The fat guy next door VIPStephan's Avatar
    Join Date
    Jan 2006
    Location
    Halle (Saale), Germany
    Posts
    8,672
    Thanks
    6
    Thanked 1,006 Times in 979 Posts
    I suppose it’s not the padding that was the issue (although a left padding/margin of zero makes the bullets go outside of the list – see it by applying a border to the list). The problem here is that list bullets being outside of the list are hidden in IE unless you do something to the list items with hasLayout or position them relative or something like that (I don’t have it in mind right now what exactly it is).

  • #12
    Senior Coder
    Join Date
    Nov 2003
    Location
    Minneapolis, MN
    Posts
    2,879
    Thanks
    2
    Thanked 65 Times in 56 Posts
    Quote Originally Posted by VIPStephan View Post
    I suppose it’s not the padding that was the issue
    …no, but it's a quick fix.

  • #13
    The fat guy next door VIPStephan's Avatar
    Join Date
    Jan 2006
    Location
    Halle (Saale), Germany
    Posts
    8,672
    Thanks
    6
    Thanked 1,006 Times in 979 Posts
    Indeed it is. I just wanted to clarify for the records.


  •  

    Posting Permissions

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