CSS conflicts between IE/Firefox

  • Help me!

    I’ve added inline css styles to prevent my sidebar list elements from displaying bullets. (https://speakspeak.org)

    Now, the ULs are bumping to the right.

    I tried adding a negative margin to move them back to the left — which works in Firefox. However, in IE, it moves the text off the page.

    How can I get the ULs aligned in both IE and Firefox, without using bullets?

    Thanks much.

Viewing 6 replies - 1 through 6 (of 6 total)

  • First thing, you shouldn’t need to use inline css for that. You should search through your style.css file for the ul, li, and/or ol selectors, and make sure none of them have a list-style or list-style-type shown, or a url to an image bullet.

    Inline css is always rather a bad idea….

    Thread Starter amanda1973

    (@amanda1973)

    Vkaryl, I added the inline style because I want the main content ULs to have bullets, but don’t want bullets on the sidebar.

    I couldn’t manage to make that happen in my external CSS, but that’s because I’m stoopid.

    Any advice on how to avoid the inline style?

    Specificity:

    #sidebar ul li {
    list-style:disc;}

    and

    #content ul li {
    list-style:none;}

    That may require some tweaking depending on what the main content div you want to style is actually named, and whether you need to include “deeper” nesting (such as ul ul li etc.)

    [Edit: and you may have to do further tweaking because wp code sometimes throws li tagsets as well; and some things will depend on the theme you’re using too….]

    Thread Starter amanda1973

    (@amanda1973)

    Thanks much.

    If you need anything else, let us know….

    I’m a newbie here with a related problem that I was hoping to solve by moving from Google’s Blogger to WordPress.

    I have two blogs and I’ve tried several different templates. I can have them looking great in Firefox, but when viewed with IE, the sidebar contents slides down to below the posts, and no amount of twiddling with column widths will solve the problem.

    After spending far too much time trying to fix my template, I searched the WWW and discovered that it’s a well-known problem of a difference in the display between Internet Explorer and certain other browsers.

    So, I guess my real question is… has some WordPress Guru written a template that keeps the problem under control?

    Thanks for any advice.

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘CSS conflicts between IE/Firefox’ is closed to new replies.

Tags