SitePoint Sponsor

User Tag List

Results 1 to 6 of 6
  1. #1
    SitePoint Guru
    Join Date
    Aug 2009
    Posts
    604
    Mentioned
    1 Post(s)
    Tagged
    0 Thread(s)

    List Circle Being Cut Off In IE7

    If you go to this page, in Firefox looks great, but in IE7 the circles get cut any ideas why and also I'd like to shift them over a tad to line up with the title nicely

    http://www.terrywhitehead.ca/news-room/archive/

    Thanks,

    Mike

  2. #2
    billycundiff{float:left;} silver trophybronze trophy RyanReese's Avatar
    Join Date
    Oct 2008
    Location
    Whiteford, Maryland, United States
    Posts
    13,564
    Mentioned
    6 Post(s)
    Tagged
    0 Thread(s)
    Hi, the probnlem is is that you apply 12px left/right margins on the <ul>, however the default is 16px and that's how much room the bullet needs to fully show. Increasing the margin will allow IE to have enough room to show it. Also, you don't set the padding to 0 for the <ul> and as a result, browsers that use padding to space it will get 16px padding space + (now) 16px left margin. 32px spacing.

    Code:
    .entry ul, .entry ol{margin:3px 16px;padding:0;}
    Also, you might want to think about using a reset in your page
    Twitter-@Ryan_Reese09
    http://www.ryanreese.us -Always looking for web design/development work

  3. #3
    SitePoint Guru
    Join Date
    Aug 2009
    Posts
    604
    Mentioned
    1 Post(s)
    Tagged
    0 Thread(s)
    Thanks Ryan!!!

    What exactly do you mean by reseting the site?

    Thanks,

    Mike

  4. #4
    billycundiff{float:left;} silver trophybronze trophy RyanReese's Avatar
    Join Date
    Oct 2008
    Location
    Whiteford, Maryland, United States
    Posts
    13,564
    Mentioned
    6 Post(s)
    Tagged
    0 Thread(s)
    Like
    Code:
    *{margin:0;padding:0;}
    Or a smaller reset like
    http://meyerweb.com/eric/thoughts/20...eset-reloaded/

    Trim it down to whta you need
    Twitter-@Ryan_Reese09
    http://www.ryanreese.us -Always looking for web design/development work

  5. #5
    SitePoint Guru
    Join Date
    Aug 2009
    Posts
    604
    Mentioned
    1 Post(s)
    Tagged
    0 Thread(s)
    Excellent thanks!!!

    One other issue now if you look at this page...

    http://www.terrywhitehead.ca/news-room/issue-status/

    Scroll down and the list circle dots are not aligned properly with the content but the list circle dots that arent filled in are, how can I fix this?

    Thanks,

    Mike

  6. #6
    billycundiff{float:left;} silver trophybronze trophy RyanReese's Avatar
    Join Date
    Oct 2008
    Location
    Whiteford, Maryland, United States
    Posts
    13,564
    Mentioned
    6 Post(s)
    Tagged
    0 Thread(s)
    I don't see any list circle dots "filled in" .

    All the list circles are not filled in. Did you fix this already?
    Twitter-@Ryan_Reese09
    http://www.ryanreese.us -Always looking for web design/development work


Bookmarks

Posting Permissions

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