Strange bulleted list offset

Posted on Tuesday 16 March 2010

  • I'm attempting to make a webpage I had to make for a university project display correctly cross browser, and validate properly, however I have run into a strange problem.

    The code I have shows fine in Mozilla, and in Opera, but in IE the top bullet point has a strange inexplicable indent.

    The test page I set up is here http://www.april-showers.com/ensui/ajt/test.html

    I'm basically at a loss as to why it does this, so I thought I may as well see if any of you could figure why.


  • These were a bit of a knotty problem for me, too. I was using an unordered list to list links for navigation within a fairly large document, and I like to style with CSS where I can.

    I found this article to be helpful:

    http://www.alistapart.com/stories/taminglists/

    Eric Meyer's version is also here: http://devedge.netscape.com/viewsource/2002/list-indent/


  • Those don't quite cover my little problem. They cover the indent for the whole list, but on mine in IE only the very top list item is indented, and even then, only if it has text. It's that which is bugging me.


  • IE and NN use different methods for lists. As a consequence you have to employ a special strategy to make them cross browser.

    Here is the definitive word:
    http://www.meyerweb.com/eric/css/list-indent.html

    DE


  • Dynasty

    This is an IE problem - you can kludge it away by putting a
    after your


      From: http://www.april-showers.com/ensui/ajt/index.php



    • Upgrades : Service : Repair

    • Systems Built To Spec

    • Problem Solving

    • Networking

    • Peripherials

    • Printer Consumables

    • Help and Advice

      • (Via phone, contact page or FAQ page)
    • Web Design


      • You don't have this list wrapped in
        ...
      tags

      Also - remove the '
      ' from the top - an IE bug will make it go into "quirks" mode and not properly render pages.

      DE

    • The Alistapart article is a good one as well. The List button trick is really nice because the fancy buttons degrad nicely into a list. They also make semantic sense because it is a LIST of links, isn't it? DB used this technique on the Bordeaux Gallery site he designed to very good effect. (Perhaps he will post the URL)

      DE







      • #If you have any other info about this subject , Please add it free.#
      Your name:
      E-mail:
      Telphone:

      Your comments:


      If you have any other info about Strange bulleted list offset , Please add it free.
    • wktd @ March 16, 2010 edit
    Filed under: enart.nnkl.com