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 3 of 3
  1. #1
    New to the CF scene
    Join Date
    Nov 2010
    Posts
    2
    Thanks
    1
    Thanked 0 Times in 0 Posts

    Internet Explorer IE7 UL/LI Placement problems

    Hi,

    I'm trying to build a footer using DIV's and UL's.
    My problem is that the final product displays correctly in all browsers (Including IE8&9) but not IE7. In IE7, the UL's seem to get extra padding and break the layout. I cannot see where this extra padding is coming from..

    I am not a web designer by trade and have exhausted my readily available resources (aka Google). If anyone can lend any aid, or even just provide some insight, I would be eternally grateful.

    *url removed*

    I have also included two images, the first being IE8 and the second being IE7..

    Thank you so much..
    Attached Thumbnails Attached Thumbnails IE7 UL/LI Placement problems-ie8.png   IE7 UL/LI Placement problems-ie7.png  
    Last edited by Maurd; 11-19-2010 at 04:46 PM.

  • #2
    Senior Coder
    Join Date
    Sep 2010
    Posts
    1,916
    Thanks
    15
    Thanked 227 Times in 227 Posts
    Something you can do for testing, at the bottom of the css put
    ul {border: 1px solid Red}
    li {border: 1px solid Green}

    If worst comes to worst you can always add an if IE 7 statement to bottom of the css.

    http://www.quirksmode.org/css/condcom.html

  • Users who have thanked DrDOS for this post:

    Maurd (11-19-2010)

  • #3
    New to the CF scene
    Join Date
    Nov 2010
    Posts
    2
    Thanks
    1
    Thanked 0 Times in 0 Posts

    Internet Explorer

    Thanks.....

    To anyone else who has this problem, make sure that you add this to any problematic UL's:
    Code:
    margin-left:0px;


    This has been solved.


  •  

    Posting Permissions

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