www.webdeveloper.com
Results 1 to 2 of 2

Thread: Chrome last <li> margin problem

  1. #1
    Join Date
    Jun 2012
    Posts
    13

    Chrome last <li> margin problem

    Hi, I've made 2 lists and on both the third element gets a margin on the top in chrome only.

    Css
    Code:
    #service ul, #about ul, #footer ul{
        list-style-type: none;
        display: inline;
    }
    #service li{
        float: left;
        width: 312px;
        height: 285px;
        padding-left: 29px;
    }
    Heres the link as well: Test server

    Help is much appreciated.

  2. #2
    Join Date
    Mar 2011
    Posts
    1,144
    Chome is rendering the <ul> tag in a different position than the other browsers, just above the third <li> box. Try removing the display:inline rule. It isn't clear to me why that's necessary, and it may fix the issue.
    Rick Trethewey
    Rainbo Design

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

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



Recent Articles