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 4 of 4
  1. #1
    Regular Coder
    Join Date
    Nov 2007
    Posts
    144
    Thanks
    64
    Thanked 0 Times in 0 Posts

    Safari / Chrome <li> displaying strangely.

    Hi,

    On this page: http://www.racedaystaff.com/looking_for_work the first item in the two ordered lists appears to the right of the containing div. Does anyone know why?

    Thanks!

    B

  • #2
    Senior Coder
    Join Date
    Oct 2005
    Posts
    1,340
    Thanks
    0
    Thanked 61 Times in 60 Posts
    Look into your 56 CSS errors first.

  • Users who have thanked drhowarddrfine for this post:

    samuurai (03-02-2010)

  • #3
    Regular Coder mbaker's Avatar
    Join Date
    Jan 2010
    Location
    Burford, Oxfordshire, United Kingdom
    Posts
    249
    Thanks
    1
    Thanked 39 Times in 39 Posts
    The problem disappears if you remove "float: left;" from .leftContentBoxTitle in main.css

    However I'm loath to say that this is the "cause" of the problem.

    I think the cause has something to do with the overlapping of the display boxes for the heading and first list item. I suggest you look at the page using Firefox Web developer toolbar and select CSS | View style information, then hover over the first list item.
    - Michael Baker - HTML Tags Guide - Reference and Tutorials
    - Like voting, validate early, validate often - W3C HTML Validator - W3C CSS Validator
    - Wot? me cynical? no, its just if you vote, er, validate early, you have more chance of validating often.

  • Users who have thanked mbaker for this post:

    samuurai (03-02-2010)

  • #4
    Regular Coder
    Join Date
    Nov 2007
    Posts
    144
    Thanks
    64
    Thanked 0 Times in 0 Posts
    Thanks, that fixed it.

    I've never used the webdev toolbar before, only firebug. Thanks for the recommendation !

    Now on to the 56 CSS errors! Eek!


  •  

    Tags for this Thread

    Posting Permissions

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