Hello and welcome to our community! Is this your first visit?
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 2 of 2
  1. #1
    New Coder
    Join Date
    Nov 2009
    Thanked 0 Times in 0 Posts

    Problem with <UL> displaying in Safari and Chrome

    I'm hoping somebody can help with this small bug.

    My page seems to display fine in most browsers, but the unordered list does not style properly in Safari or Google Chrome.

    The validator gives me an error for the <ul> tag, stating: "The mentioned element is not allowed to appear in the context in which you've placed it;"

    So, I'm not sure if the validation error has anything to do with the fact that 2 browsers refuse to pick up the styling for the list.

    Any help with this problem would be appreciated.

    The page in question is:


    The text within the list shows as black in Safari and Chrome, but it should be pale yellow, just like the rest of the page.

  • #2
    Master Coder Excavator's Avatar
    Join Date
    Dec 2006
    Thanked 1,847 Times in 1,831 Posts
    Hello puffnstuff,
    Just like the validator says, it's invalid to put block level ul in that inline span.

    I don't have Safari or Chrome to check... what happens when you replace that span with a div? (you'd need to get rid of that p tag as well)
    Validate often DURING development - Use it like a splelchecker | Debug during Development |Write it for FireFox, ignore IE
    Use the right DocType | Validate your markup | Validate your CSS | Why validating is good | Why tables are bad


    Posting Permissions

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